/*
Theme Name: cloud-nagoya-830-3-rw
Description: チャンネル9 レスポンシブテンプレート by Bootstrap（白）
Author: Wintel
*/



/* Basic Elements
   ========================================================================== */


hr {
	border: 0;
	border-top: 1px solid #ddd;
	margin: 2rem auto;
	width: 3rem;
}

@media (min-width: 481px) {
	hr { margin: 2.5rem auto; }
}


hr.small { margin: 1.5rem auto; }


img {
	margin: 0;
	max-width: 100%;
	height: auto;
}


embed, iframe, object, video {
	max-width: 100%;
}



/* Layout
   ========================================================================== */


*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	font-size: 100%;
	line-height: 150%;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}


body {
	background-color: #fff;
	color: #555;
}


.row-wrapper {
	margin: 0 15px;
}


.nobreak {
	display: inline-block;
}



/* Header
   ========================================================================== */


header {
	display: block;
	width: 100%;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #dddddd 20%, #e7e7e7 33%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#dddddd), color-stop(33%,#e7e7e7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 20%,#e7e7e7 33%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 20%,#e7e7e7 33%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 20%,#e7e7e7 33%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 20%,#e7e7e7 33%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.shop-logo { margin: 1.5rem 0; max-width: 66%; float: left; }
.shop-logo img { max-width: 100%; height: auto; }

.ch9-logo { margin: 1.5rem 0; max-width: 32%; float: right; }
.ch9-logo img { max-width: 100%; height: auto; }

@media (min-width: 481px) {
	.shop-logo { margin: 2rem 0; }
	.ch9-logo { margin: 2rem 0; float: right; }
}
@media (min-width: 768px) {
	.shop-logo { margin: 2rem 0; }
	.shop-logo img { width: 450px; height: auto; }
	.ch9-logo { margin: 2rem 0; float: right; }
	.ch9-logo img { width: 180px; height: auto; }
}



/* Navigation
   ========================================================================== */


.navbar-header .nav-title {
	display: block;
	float: left;
	text-align: center;
	color: #FFF;
	width: 100%;
	line-height: 20px;
	margin: 0 -30px 0 0;
}

@media (min-width: 768px) {
	.navbar-header .nav-title {
		display: none;
	}
}


nav {
	display: block;
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	nav {
		background: #222;
		-webkit-box-shadow: 0px 2px 4px #666;
		box-shadow: 0px 2px 4px #666;
	}
}


#menu {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #222;
	display: none;
}

@media (min-width: 768px) {
	#menu {
		display: table;
	}
}


#menu li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 0.8rem;
}

@media (min-width: 481px) {
	#menu li {
		font-size: 1.0rem;
	}
}
@media (min-width: 768px) {
	#menu li {
		float: left;
		font-size: 0.9rem;
	}
}


#menu li a {
	display: block;
	padding: 10px;
	background: #222;
	border-bottom: 1px solid #353539;
	color: #fff;
	text-align: left;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

@media (min-width: 768px) {
	#menu li a {
		padding: 10px 20px;
		border-bottom: none;
	}
}


#menu li:hover > a {
	background: #2f2f2f;
}


@media (min-width: 768px) {
	#menu ul {
		z-index: 9999;
		display: block;
		position: absolute;
		top: 2.6rem;
		left: 0;
		padding: 0;
		opacity: 0;
		background: #1f2024;
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
	}
 
	#menu li:hover > ul { opacity: 1; }
 
	#menu ul li {
		height: 0;
		overflow: hidden;
		padding: 0;
		margin: 0;
		-webkit-transition: height .25s ease .1s;
		-moz-transition: height .25s ease .1s;
		-o-transition: height .25s ease .1s;
		-ms-transition: height .25s ease .1s;
		transition: height .25s ease .1s;
	}
 
	#menu li:hover > ul li {
		height: 2rem;
		overflow: visible;
		padding: 0;
		margin: 0;
	}

	#menu ul li a {
		width: 9rem;
		padding: 5px 10px;
		margin: 0;
		border: none;
		border-bottom: 1px solid #353539;
		background: #1f2024;
	}

	#menu ul li:hover > a {
		border: none;
		border-bottom: 1px solid #353539;
		background: #2b2c32;
	}
 
	#menu ul li:last-child a { border: none; }
}



/* Footer
   ========================================================================== */


footer {
	padding: 0.7rem 0;
	font-size: 0.7rem;
	text-align: center;
	background: #222;
	color: #fff;
}

@media (min-width: 768px) {
	footer { text-align: right; }
}


footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover, footer a:focus {
	color: #fff;
	text-decoration: underline;
}

@media (min-width: 768px) {
	footer a {
		margin: 0 1.4rem 0 0;
	}
}


footer .hide_footer {
	display: none;
}

@media (min-width: 481px) {
	footer .hide_footer { display: inline; }
}



/* Main
   ========================================================================== */


#main {
	margin: 0 auto;
}

@media (min-width: 768px) {
	#main {
		padding: 4rem auto;
	}
}


#content p {
	margin: 0 0 1.0rem 0;
}


#content img {
	vertical-align: baseline;
}
#content img.alignleft {
	border: none;
	padding: 0;
	margin: 0 1.0rem 1.0rem 0;
	float: left;
}
#content img.alignright {
	border: none;
	padding: 0;
	margin: 0 0 1.0rem 1.0rem;
	float: right;
}
#content img.aligncenter {
	border: none;
	padding: 0;
	clear: both;
	display: block;
	margin: 0 auto 1.0rem auto;
}
#content img.alignnone {
	border: none;
	padding: 0;
	margin: 0;
}


#content .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin: 1rem 0;
	overflow: hidden;
}

#content .video-container iframe, 
#content .video-container object, 
#content .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


div.blog_info { padding: 0.3rem 0; margin: 0 0 1.0rem 0; font-size: 0.7rem; line-height: 1.0rem; border-top: 1px dotted #ddd; }
div.blog_info ul { margin: 0px; padding: 0px; width: 100%; }
div.blog_info li { float: right; padding: 0px; list-style: none; margin: 0 0 0 1rem; }


@media (min-width: 481px) {
	div.blog_info {
		font-size: 0.8rem;
	}
}


.title {
	margin: 0 0 0.2rem 0;
	padding: 0;
}
.title a {
	color: #555;
	text-decoration: none;
}
.title a:hover {
	color: #900;
	text-decoration: none;
}



/* Side
   ========================================================================== */


#side {
	margin: 0 auto;
}


.widget-area ul {
	margin: 0;
	padding: 0;
	width: 100%;
}


.widget-area ul li.widget-container {
	list-style: none;
	margin: 0 0 2rem 0;
	padding: 0 10px 5px 10px;
	border-bottom: 2px solid #bbb;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
}

@media (min-width: 481px) {
	.widget-area ul li.widget-container {
		margin: 0 0 3rem 0;
	}
}


.widget-area h3.widget-title {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}


.widget-area h4.widget-title-s {
	padding: 0.1rem 0 0.2rem 0;
}

@media (min-width: 481px) {
	.widget-area h4.widget-title-s {
		padding: 0.3rem 0 0.2rem 0;
	}
}


.widget-area ul li ul {
	padding: 0;
	margin: 0;
}


.widget-area ul li ul li {
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin: 0.5rem 0 0.5rem 1rem;
	list-style-image: url(images/lidot.png);
}


.widget-area p {
	font-size: 0.8rem;
	line-height: 1.2rem;
	margin: 0 0 0.5rem 0;
	display: block;
}

@media (min-width: 481px) {
	.widget-area p {
		margin: 0 1rem 0.5rem 0;
		float: left;
	}
}
@media (min-width: 992px) {
	.widget-area p {
		float: none;
	}
}


.widget-area img {
	margin: 0;
	max-width: 100%;
	height: auto;
}

@media (min-width: 1200px) {
	.widget-area img {
		width: 100%;
	}
}


/* Button Style Archive List */

.widget-area ul li.widget_archive ul {
	display: table;
	padding: 1rem 0;
	margin: 0;
}

.widget-area ul li.widget_archive ul li {
	list-style: none;
	display: block;
	margin: 1%;
	float: left;
	width: 31.33%;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.widget-area ul li.widget_archive ul li {
		width: 48%;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	.widget-area ul li.widget_archive ul li {
		width: 12.28%;
	}
}
@media (min-width: 661px) and (max-width: 768px) {
	.widget-area ul li.widget_archive ul li {
		width: 14.66%;
	}
}
@media (min-width: 551px) and (max-width: 660px) {
	.widget-area ul li.widget_archive ul li {
		width: 18%;
	}
}
@media (min-width: 481px) and (max-width: 550px) {
	.widget-area ul li.widget_archive ul li {
		width: 23%;
	}
}
@media (max-width: 480px) {
	.widget-area ul li.widget_archive ul li {
		width: 31.33%;
	}
}

.widget-area ul li.widget_archive ul li a {
	display: block;
	background-color: #f8f8f8;
	color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 0.35rem 0;
	position: relative;
	top: -1px;
	white-space: nowrap;
	font-size: 0.75rem;
	text-align: center;
	text-indent: 0;
	text-decoration: none;
}
.widget-area ul li.widget_archive ul li a:hover {
	background-color: #444;
	color: #fff;
}



/* Calendar
   ========================================================================== */


#wp-calendar {
	width: 100%;
}


table#wp-calendar {
	border-collapse: separate;
	border-spacing: 0.2rem;
}


#wp-calendar caption {
	color: #222;
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
}

@media (min-width: 768px) {
	#wp-calendar caption { font-size: 0.8rem; }
}


#wp-calendar thead {
	font-size: 0.8rem;
}


@media (min-width: 768px) {
	#wp-calendar thead { font-size: 0.6rem; }
}


#wp-calendar thead th {
	text-align: center;
}


#wp-calendar tbody {
	color: #999;
}


#wp-calendar tbody td {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 0.2rem;
	text-align: center;
}

@media (min-width: 768px) {
	#wp-calendar tbody td {
		padding: 0.1rem;
		font-size: 0.9rem;
	}
}


#wp-calendar tbody .pad {
	background: none;
	border: none;
}


#wp-calendar tfoot td {
	padding: 0.2rem 0;
}


#wp-calendar tfoot #next {
	text-align: right;
}



/* Section
   ========================================================================== */


section {
	border-top: 1px solid #ddd;
	text-align: left;
	padding: 2rem 0;
}


section:first-of-type { border-top: none; }


@media (min-width: 481px) {
	section { padding: 4rem 0; }
}


@media (min-width: 768px) {
	section#side { border-top: none; }
}



/* Article
   ========================================================================== */


article {
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 2rem 0;
	word-wrap:break-word;
}


article:first-of-type {
	border-top: none;
	padding: 0 0 2rem 0;
}


@media (min-width: 481px) {
	article { padding: 4rem 0; }
	article:first-of-type {
		border-top: none;
		padding: 0 0 4rem 0;
	}
}



/* Column
   ========================================================================== */


.column {
	margin-bottom: 1.5rem;
	padding-left: 0;
	padding-right: 0;
}


@media (min-width: 481px) {
	.column {
		float: left;
		margin: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}


	.column.full { width: 100%; }
	.column.three-fourths { width: 75%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: 50%; }
	.column.third { width: 33.3%; }
	.column.fourth { width: 25%; }
	.column.flow-opposite { float: right; }
}



/* Typography
   ========================================================================== */


h1, h2, h3, h4, h5 {
	font-weight: 600;
	margin: 0;
}


h1 {
	font-size: 1.4rem;
	line-height: 1.3em;
	margin-bottom: 1.5rem;
}

@media (min-width: 481px) {
	h1 { font-size: 1.4rem; }
}


h2 {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}


h3 {
	font-size: 1.0rem;
	margin-bottom: 0.5rem;
}


h4 {
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}


h5 {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}


p {
	margin: 0 auto;
}


blockquote { margin: 0; }


blockquote p {
	color: #bbb;
	font-style: italic;
	margin-bottom: 1.5rem;
}


cite { color: #bbb; }



/* Lists
   ========================================================================== */


ul {
	margin: 0;
	text-align: left;
}



/* Links
   ========================================================================== */


a {
	color: #900;
	text-decoration: none;
}

a:hover, a:focus {
	color: #900;
	text-decoration: underline;
}



/* Buttons
   ========================================================================== */


.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	padding: 0.7rem 1.5rem;
	vertical-align: middle;
	white-space: nowrap;
}

@media (min-width: 481px) {
	.button {
		display: inline-block;
		font-size: 0.9rem;
	}
}


.button a {
	color: #fff;
	text-decoration: none;
}

.button:hover {
	color: #fff;
	background: #444;
	text-decoration: none;
}



/* Utilities
   ========================================================================== */


.remove-padding { padding-bottom: 0; }
.remove-border { border: none; }



/* topscroll
   ========================================================================== */


#topscroll {
	display: block;
	font-size: 28px;
	line-height: 28px;
}

#topscroll .glyphicon {
	color: #666;
}

#topscroll .glyphicon:hover {
	color: #900;
}



/* Clearfix
   ========================================================================== */


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}


.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* Pagination
   ========================================================================== */


.pagination {
	clear: both;
	padding: 2rem 0;
	position: relative;
	font-size: 0.8rem;
	line-height: 1.6rem;
	text-align: center;
}

@media (min-width: 768px) {
	.pagination {
		padding: 4rem 0;
	}
}


.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0px;
	padding: 0 0.5rem;
	text-decoration: none;
	min-width: 1.6rem;
	color: #fff;
	background: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}

.pagination a:hover {
	color: #fff;
	background: #444;
}


.pagination .current {
	padding: 0 0.5rem;
	background: #900;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}


a.more-link {
	display: block;
	float: left;
	font-size: 0.8rem;
	line-height: 1.6rem; 
	color: #fff;
	background: #222;
	margin: 1em auto;
	text-align: center;
	width: 6.0rem;
	padding: 0 0.5rem;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}

a.more-link:hover {
	color: #fff;
	background: #444;
}


div.nav-below { width: 14rem; margin: 2rem auto; overflow: auto; text-align: center; }

@media (min-width: 768px) {
	div.nav-below {
		margin: 4rem auto;
	}
}


.nav-previous a {
	display: block;
	width: 6.0rem;
	font-size: 0.8rem;
	line-height: 1.6rem; 
	color: #fff;
	background: #222;
	margin: 1em auto;
	text-align: center;
	padding: 0 0.5rem;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
	float: left;
}

.nav-next a {
	display: block;
	width: 6.0rem;
	font-size: 0.8rem;
	line-height: 1.6rem; 
	color: #fff;
	background: #222;
	margin: 1em auto;
	text-align: center;
	padding: 0 0.5rem;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
	float: right;
}

.nav-previous a:hover, .nav-next a:hover {
	color: #fff;
	background: #444;
}



/* Comments
   ========================================================================== */


#comments {
	clear: both;
	border-top: 1px solid #e7e7e7;
	padding: 0.5rem 0 0 0;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 21px;
	margin: 0 0 24px 0;
	padding: 0 0 0 40px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist p {
	font-size: 0.9rem;
}
ol.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-size: 0.8rem;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 10px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #900;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.commentlist .reply a {
	display: block;
	width: 3rem;
	padding: 0 0.5rem;
	background: #222;
	font-size: 0.8rem;
	line-height: 1.6rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}
.commentlist .reply a:hover {
	color: #fff;
	background: #444;
}
a.comment-edit-link {
	color: #888;
}
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}



/* Comments form
   ========================================================================== */


#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	padding: 0.5rem 0 0 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	font-size: 0.9rem;
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond p.comment-form-comment, 
#respond p.comment-form-author, 
#respond p.comment-form-email, 
#respond p.comment-form-url {
  margin-top: 1.5rem;
}
#respond .required {
	font-size: 0.9rem;
	font-weight: 400;
	color: #888;
}
#respond label {
	color: #888;
  font-size: 0.7rem;
	font-weight: 400;
}
#respond input {
  display: block;
	margin: 0 0 5px;
	width: 100%;
}
@media (min-width: 768px) {
	#respond input {
		width: 40%;
	}
}
#respond textarea {
	width: 100%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 2.5rem 0 1rem 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* si capcha code */

.si_captcha_small {
	margin-top: 1.5rem;
}

#respond p label {
  margin: 0;
}

#respond p input#si_captcha_code {
  display: block;
	width: 100px;
}



/* Form Objects
   ========================================================================== */


input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="file"], textarea, select {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #999;
	padding: 5px;
	color: #666;
	background: #fff;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);

	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);

	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="file"]:focus, textarea:focus, select:focus {
	border: 1px solid #900;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display: block;
	font-size: 1.0rem;
	line-height: 1.6rem;
	font-weight: 600;
	color: #fff;
	background: #222;
	margin: 1em auto;
	padding: 0.7rem 1.5rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	width: 100%;
	cursor: pointer;
}

@media (min-width: 481px) {
	input[type="submit"], input[type="reset"], input[type="button"] {
		max-width: 12rem;
	}
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #444;
	text-decoration: none;
}

input[disabled], input[disabled]:hover {
	background: #222;
	cursor: default;
}



/* Page Objects
   ========================================================================== */


.page {
	min-height: 600px;
}


section#profile {
	padding: 2rem 0 0 0;
	border: none;
}

@media (min-width: 481px) {
	section#profile {
		padding: 2rem 0 0 0;
		border: none;
	}
}


section#company {
	padding: 3rem 0 0 0;
	border: none;
}

@media (min-width: 481px) {
	section#company {
		padding: 4rem 0 0 0;
		border: none;
	}
}


section#access {
	padding: 1rem 0 0 0;
	border: none;
}

@media (min-width: 481px) {
	section#access {
		padding: 4rem 0 0 0;
		border: none;
	}
}


#shop-info h3, #contact h3 {
	border-bottom: 1px dotted #000;
	font-size: 1.2rem;
	padding: 0 0 0.2rem 0;
	margin: 0 0 2rem 0;
}


.break { display: block; }

@media (min-width: 768px) {
	.break { display: inline; }
}


#profile p {
	margin: 2rem 0 0 0;
}


#access iframe {
	width: 100%;
	height: 300px;
}

@media (min-width: 481px) {
	#access iframe {
		height: 480px;
	}
}


#map-contents {
	margin: 0 0 0.7rem 0;
	padding: 0;
}
#map-enlarge { margin: 0 0 2rem 0; }
#map-enlarge small a {
	display: block;
	font-size: 1rem;
	line-height: 1.6rem;
	font-weight: 600;
	color: #fff;
	background: #222;
	margin: 1em auto;
	text-align: center;
	padding: 0.7rem 1.5rem;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	white-space: nowrap;
}
#map-enlarge small a:hover {
	color: #fff;
	background: #444;
}


table.full-width { width: 100%; margin-left: auto; margin-right: auto; }
table.full-width tr th { color: #000; text-align: left; vertical-align: top; padding: 0 0 0.4rem 0; width: 100%; display: block; border-bottom: 1px solid #000; }
table.full-width tr td { text-align: left; vertical-align: top; padding: 1rem 2% 2rem 2%; width: 96%; display:block; }

@media (min-width: 481px) {
	table.full-width tr th { font-weight: bold; color: #000; vertical-align: top; padding: 1rem 0.7rem; width: 33%; display: table-cell; border-bottom: 1px solid #000; }
	table.full-width tr td { padding: 1rem 0.7rem; width: 66%; display: table-cell; border-bottom: 1px dotted #000; }
}

@media (min-width: 768px) {
	table.full-width tr th { font-weight: bold; color: #000; vertical-align: top; padding: 1rem 0.7rem; width: 33%; display: table-cell; border-bottom: 1px solid #000; }
	table.full-width tr td { padding: 1rem 0.7rem; width: 66%; display: table-cell; border-bottom: 1px dotted #000; }
}

@media (min-width: 992px) {
	table.full-width tr th { font-weight: bold; color: #000; vertical-align: top; padding: 1rem 0.7rem; width: 27%; display: table-cell; border-bottom: 1px solid #000; }
	table.full-width tr td { padding: 1rem 0.7rem; width: 72%; display: table-cell; border-bottom: 1px dotted #000; }
}

@media (min-width: 1200px) {
	table.full-width tr th { font-weight: bold; color: #000; vertical-align: top; padding: 1rem 0.7rem; width: 33%; display: table-cell; border-bottom: 1px solid #000; }
	table.full-width tr td { padding: 1rem 0.7rem; width: 66%; display: table-cell; border-bottom: 1px dotted #000; }
}


.formbox-mini { max-width: 100px; }
.formbox-short { max-width: 150px; }
.formbox-middle { width: 100%; }
.formbox-long { width: 100%; }

@media (min-width: 481px) {
	.formbox-middle { max-width: 250px; }
}


.hissu { color: #900; font-size: 1.2rem; font-weight: bold; font-family: Verdana, Geneva, sans-serif; margin: 0 0.3rem; }

.tdsubmit {
	text-align: center;
	padding: 2rem 0 1rem 0;
}

.formInner { padding: 2rem 0 0 0; }
.formInner label { font-weight: 400; margin: 0; }
.sent .formInner { display: none; }

.complete-display { display: none; }
.sent .complete-display {
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 6rem 0;
	display: block;
}
.sent .complete-display h3 {
	color: #000;
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.2rem;
}

span.wpcf7-not-valid-tip { top: 0px; left: 1rem; }



/* XML Objects
   ========================================================================== */


.xml-stock, .xml-parts {
	padding: 0;
}

@media (min-width: 481px) {
	.xml-stock, .xml-parts {
		padding: 1rem 0;
	}
}


.stock-box, .parts-box1, .parts-box2, .parts-box3, .parts-box4, .parts-box5, .parts-box6, .parts-box7 {
	width : 100%;
	border: 1px solid #ddd;
	background: #f8f8f8;
	padding: 0;
	margin: 2rem 0;
	position: relative;
}

@media (min-width: 481px) {
	.stock-box, .parts-box1, .parts-box2, .parts-box3, .parts-box4, .parts-box5, .parts-box6, .parts-box7 {
		margin: 1rem 0;
		-webkit-box-shadow: 0px 4px 8px #ccc;
		box-shadow: 0px 4px 8px #ccc;
	}
}


.stock-img {
	display: block;
	position: relative;
	padding-bottom: 66.625%;
	width: 100%;
	height: 0;
	margin: 0;
	overflow: hidden;
}


.parts-img {
	display: block;
	position: relative;
	padding-bottom: 75%;
	width: 100%;
	height: 0;
	margin: 0;
	overflow: hidden;
}


.stock-img img, .parts-img img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}


.stock-info, .parts-info {
	width: 100%;
	padding: 1rem;
	margin: 0;
}


.stock-info h2, .parts-info h2 {
	display: block;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 0.7rem 0;
	height: auto;
}

@media (min-width: 481px) {
	.stock-info h2, .parts-info h2 {
		height: 1rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}


.stock-info h3 {
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin: 0 0 0.7rem 0;
}

@media (min-width: 481px) {
	.stock-info h3 {
		height: 1.4rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}


.stock-info h4, .parts-info h3 {
	display: block;
	font-size: 0.9rem;
	line-height: 1.1rem;
	margin: 0;
	height: auto;
}

@media (min-width: 481px) {
	.stock-info h4, .parts-info h3 {
		height: 2.2rem;
		overflow: hidden;
	}
}


.spec-box {
	padding: 0;
	margin: 0;
}


.spec-box h5 {
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin: 0 !important;
	display: inline-block;
}

@media (min-width: 481px) {
	.spec-box h5 {
		display: none;
	}
}
@media (min-width: 768px) {
	.spec-box h5 {
		display: inline-block;
	}
}


.spec-box p {
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin: 0 0 0 0.5rem !important;
	display: inline-block;
}


.spec-l {
	display: block;
	width: 48%;
	border-bottom: 1px dotted #ddd;
	padding: 0.4rem 0;
	margin: 0;
	float: left;
}


.spec-r {
	display: block;
	width: 48%;
	border-bottom: 1px dotted #ddd;
	padding: 0.4rem 0;
	margin: 0;
	float: right;
	text-align: right;
}


.price-box {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #ddd;
}


.price-box h5, .price-box h4 {
	display: block;
	font-size: 0.8rem;
	line-height: 2rem;
	margin: 0;
	float: left;
}

@media (min-width: 481px) {
	.price-box h5, .price-box h4 {
		display: none;
	}
}
@media (min-width: 768px) {
	.price-box h5, .price-box h4 {
		display: block;
	}
}


.price-box p {
	display: block;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #900;
	margin: 0 !important;
	float: right;
}


.parts-category {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	color: #fff;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	padding: 0.7rem 1.5rem;
	margin: 2rem 0 0 0;
	vertical-align: middle;
}


.stock-box p, .parts-box1 p, .parts-box2 p, .parts-box3 p, .parts-box4 p, .parts-box5 p, .parts-box6 p, .parts-box7 p {
	padding: 0;
	margin: 0 !important;
}


p.linkarea a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	opacity: 0;
}

p.linkarea a:hover {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	opacity: 0.5;
}


/*** 特定id/class配下の .col-xs-6 グリッドを480pxのブレークポイント以下で1カラム表示 ***/

@media (max-width: 480px) {
  .xml-stock .col-xs-6,
  .xml-parts .col-xs-6 { width: 100%; }
}


/*** .col-xs-** のグリッドを480pxのブレークポイント以下で1カラム表示（.col-xs-**と併記する） ***/
@media (max-width: 480px) {
	.col-xs-1-12, 
	.col-xs-2-12, 
	.col-xs-3-12, 
	.col-xs-4-12, 
	.col-xs-5-12, 
	.col-xs-6-12, 
	.col-xs-7-12, 
	.col-xs-8-12, 
	.col-xs-9-12, 
	.col-xs-10-12, 
	.col-xs-11-12 { width: 100%; }
}



/* Override Bootstrap
   ========================================================================== */


.navbar {
	margin: 0 15px;
	border-radius: 4px;
}

@media (min-width: 768px) {
	.navbar {
		width: 100%;
		margin: 0 auto;
		border-radius: 0px;
	}
}


@media (min-width: 768px) {
	.navbar-collapse {
		padding: 0;
	}
}


.navbar-inverse .navbar-toggle {
	border-color: transparent;
	padding: 14px 15px;
	margin: 0;
	width: 100%;
}


.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}


.navbar-inverse .navbar-toggle .icon-bar {
	width: 30px;
	height: 4px;
	float: right;
}


.navbar-nav {
    margin: 0 -15px;
}


.navbar-nav > li {
	border-top: 1px solid #101010;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}

@media (min-width: 768px) {
  .navbar-nav > li {
	  border: none;
	  box-shadow: none;
  }
}
@media (min-width: 992px) {
  .navbar-nav > li {
	  letter-spacing: 0em;
  }
}


.navbar-nav > li:first-of-type {
	border-top: none;
	box-shadow: none;
}


.navbar-inverse .navbar-nav > .active > a {
	background: none;
	box-shadow: none;
}


.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus {
	background-color: #222222;
	background-image: none;
	color: #777777;
}


.dropdown-menu > .active > a:hover {
	background-color: #101010;
	background-image: none;
	color: #ffffff;
}


.navbar-inverse .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background: #101010;
}

@media (min-width: 768px) {
  .navbar-inverse .navbar-nav > li > a:hover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(153,0,0,0) 0%, rgba(153,0,0,0) 66%, rgba(153,0,0,0.6) 95%, rgba(153,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,0,0,0)), color-stop(66%,rgba(153,0,0,0)), color-stop(95%,rgba(153,0,0,0.6)), color-stop(100%,rgba(153,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 66%,rgba(153,0,0,0.6) 95%,rgba(153,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 66%,rgba(153,0,0,0.6) 95%,rgba(153,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 66%,rgba(153,0,0,0.6) 95%,rgba(153,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(153,0,0,0) 0%,rgba(153,0,0,0) 66%,rgba(153,0,0,0.6) 95%,rgba(153,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00990000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */
  }
}


.dropdown-menu {
	padding: 0;
}

@media (min-width: 768px) {
  .dropdown-menu {
	  background: #222222;
  }
}


.dropdown-menu > li > a {
	border-top: 1px solid #101010;
}

@media (min-width: 768px) {
  .dropdown-menu > li > a, 
  .dropdown-menu > li > a:focus {
	  color: #777777;
	  background: #222222;
  }
}

@media (min-width: 768px) {
  .dropdown-menu > li > a:hover {
	  color: #ffffff;
	  background: #101010;
  }
}


@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	  background: #222222;
	  color: #777777;
  }
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	  background: #101010;
	  color: #ffffff;
  }
}


@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	  background: #222222;
	  color: #777777;
  }
}


@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
	  background: #101010;
	  color: #ffffff;
  }
}