/* -----------------------------------
Theme Name: LAILE

モバイル（768px以下） 	エクストラスモール=xs 	col-xs-*
タブレット（768px以上、992px未満） 	スモール=sm 	col-sm-*
デスクトップ（992px以上、1200px未満） 	ミディアム=md 	col-md-*
デスクトップ（1200px以上） 	ラージ=lg 	col-lg-*
----------------------------------- */

@charset "utf-8";

/*==================================
	 html5 Reset Stylesheet
==================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	font-size: 100%;
	vertical-align: baseline;
	background:transparent;
}
html{ overflow-y: scroll;}
body { line-height:1; }
article, aside, canvas, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section,summary { display: block;}

blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul { list-style:none; }
table {
    border-collapse: collapse;
    border-spacing:0;
}
caption, th { text-align: left;}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select { vertical-align:middle; }
a:focus { outline:none; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ==========================================
	 font
	 基本：100% = 1em = 1rem = 16px = 12pt
	 ========================================== */

html { font-size: 62.5%; } /* sets the base font to 10px */
body {
	font-family: Avenir,"Helvetica neue",Helvetica,"游ゴシック",YuGothic,
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:0.4em;
	font-size:1.8rem;
 	font-weight: bold;
}
p {
	font-size: 1.7rem;
	line-height: 1.6;
}
ul li {font-size: 1.6rem; line-height: 1.3;}
dl dt,
dl dd {font-size: 1.6rem; line-height: 1.3;}

small {
	font-size: 0.85em;
}

/* ==========================================
	 リンク
============================================= */

a {
	text-decoration: none;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

a:link    { color: #fff;}
a:visited { color: #fff;}
a:hover   { color: #fff;text-decoration: none;}
a:active  { color: #fff;}

a.anime,a..anime:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


.test .item a {color: #000;}

/* ==========================================
	 画像処理
============================================= */

.wp-caption {
	display: inline-block;
	margin: 2em;
}

.alignright  { display: block; float: right; margin: 0 0 20px 20px; }
.alignleft   { display: block; float: left ; margin: 0 20px 20px 0;}
.aligncenter { display: block; margin: 0 auto 1em; }
.center .aligncenter { display: inline; }
.alignnone   { margin: 20px 0;  }
.size-thumbnail { max-width:150px; max-height:150px;}
.size-medium    { max-width:100%; max-height:300px;}
.size-large     { max-width:100%; height:auto;}
.size-full      { width:100%; max-width: 500px; height:auto;}
.wp-caption-text {font-size: 1.4rem;line-height: 1.3;}


.gallery { clear: both; margin: 3em 0;}
.gallery ul {text-align: center;}
.gallery .gallery-item {
	display: inline-block;
	margin-bottom: 1.5em;
}
.gallery .gallery-item p {
	margin-bottom: 0;
	text-align: center;
	line-height: 1;
}
.gallery .gallery-item p.gallery-icon { display: inline-block; margin: 0 1em 2px;}
.gallery .gallery-item p.gallery-caption { text-align: left; margin: 0 1.1em;}
.gallery .gallery-item p a {

}


/* ==========================================
	 汎用クラス
============================================= */

.red { color: #e00;}
.blue {color: #0169BC;}
.center { text-align: center;}
.right { text-align: right;}
.both { clear: both;}
.nowrap { white-space: nowrap; display: inline-block;}


/* ==========================================
	 構造
============================================= */

html,body {margin:0px;padding:0px;}
.section { clear: both;}
body {background-color: #000;}
header {
	position: fixed;
/* 	position: relative; */
	width: 100%;
	height: 100px;
	padding-top: 15px;
	background-color: #f3f5f6;
	z-index: 1000;
}
header h1 {
	position: relative;
	display: inline-block;
	padding:0 10px 0 15px;
	background-color:#f3f5f6;
	z-index: 10;
}
header h1 img {
	width: 160px;
	height: 25px;
}
header #qtranslate-3-chooser {
	position: absolute;
	top: 15px;
	right: 15px;
	overflow: hidden;
	background-color: #666;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */

}
header #qtranslate-3-chooser li {
	float: left;
	width: 33px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	background-color: #001d7a;
}
header #qtranslate-3-chooser li a {
	display: block;
	width: 33px;
	height: 25px;
	color: #999;
	background-color: #666;
}

header #qtranslate-3-chooser li.active a,
header #qtranslate-3-chooser li a:hover {
	color: #fff;
	background-color: #001d7a;
}


.qtranxs_widget ul { margin: 0; }
.qtranxs_widget ul li
{
display: inline; /* horizontal list, use "list-item" or other appropriate value for vertical list */
list-style-type: none; /* use "initial" or other to enable bullets */
margin: 0 5px 0 0; /* adjust spacing between items */
opacity: 0.5;
-o-transition: 1s ease opacity;
-moz-transition: 1s ease opacity;
-webkit-transition: 1s ease opacity;
transition: 1s ease opacity;
}
/* .qtranxs_widget ul li span { margin: 0 5px 0 0; } */ /* other way to control spacing */
.qtranxs_widget ul li.active { opacity: 0.8; }
.qtranxs_widget ul li:hover { opacity: 1; }
.qtranxs_widget img { box-shadow: none; vertical-align: middle; display: initial; }
.qtranxs_flag { height:12px; width:18px; display:block; }
.qtranxs_flag_and_text { padding-left:20px; }
.qtranxs_flag span { display:none; }



/* Navi
--------------------------------------------- */
.navi {
	position: relative;
	width: 100%;
	height: 50px;
	z-index: 11;
}
.navi  .navbar {margin: 0; border: none;}
.navi  .navbar-inverse {}
.navi  .navbar .navbar-header {
	width: 100%;
	background-size: 130px 20px;
	background-color: #000;
}
.navi  .navbar .navbar-toggle {
	float: left;
	margin: 0 15px;
	padding: 0 ;
	height: 50px;
	border: none;
}
.navi  .navbar .navbar-toggle:hover {
	background-color: #000;
}
.navi  .navbar .navbar-toggle .icon-bar {
	width: 34px;
	height: 4px;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.navi .navbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
}

.navi .snss { float: right;}
.navi .snss li { float: left;}
.navi .snss li a img {
	line-height: 0;
	vertical-align: middle;
}
.navi .snss li.search {
	margin-left: 10px;
/* 	background-color: #333; */
	background-color: #000;
}


main {padding-top: 100px; clear: both;}

.item img {
width:100%;}

.fluid2 {
padding:0;}

/* ------------------------------------------
	aside
--------------------------------------------- */

aside .shop ul li {
	float: left;
	width: 33.3%;
	height: 107px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 2px solid #ccc;
}
aside .shop ul li:nth-child(2n) {	width: 33.4%;}
aside .shop ul li a {
	display: block;
	text-align: center;

}
aside .menu {
	color: #fff;
	text-align: center;
	background: url(library/images/bg-menu.png) #000 center top;
}
aside .menu>ul>li {
	clear: both;
	line-height: 1;
	border-bottom: 1px solid #333;
}
aside .menu ul li.container { width: 100%;}
aside .menu ul li.first {border-top: 1px solid #ccc;}
aside .menu ul li a {}
aside .menu ul li a:link    { color: #ddd;}
aside .menu ul li a:visited { color: #ddd;}
aside .menu ul li a:hover   { color: #fff;}
aside .menu ul li a:active  { color: #fff;}

aside .menu ul li ul { margin-bottom: 17px;}
aside .menu ul li ul li { line-height: 1.6;}
aside .menu ul li ul li:nth-child(2n) { text-align: left;}
aside .menu ul li ul li:nth-child(2n+1) { text-align: right;}


aside .menu h3 {
	margin: 1em 0 .6em;
	font-size: 2rem;
	font-weight: 500;
	text-shadow:
	1px 1px #000,
	2px 2px #000;
}

aside .menu .item1 {
	clear: both;
}
aside .menu .item1 h3 {
	margin: 0;
	height: 66px;
	line-height: 66px;
}
aside .menu .item1 h3 a {
	display: block;
	width: 100%;
	text-decoration: none;
}
aside .menu ul li.item1 a:link { color: #fff;}
aside .menu ul li.item1 a:visited { color: #fff; }
aside .menu ul li.item1 a:hover { color: #fff; background-color: #000;}
aside .menu ul li.item1 a:active {color: #fff; }

/* フッター
--------------------------------------------- */
footer {
	padding: 20px 0;
	color: #fff;
	text-align: center;
	background-color: #000;
}
footer .asea {
	position: relative;
	display: inline-block;
	margin:0 1.2em 20px;
	padding-left: 58px;
	height: 25px;
	font-size: 1.1rem;
	line-height: 13px;
	letter-spacing: 0.05em;
	text-align: left;
	background: url(library/images/logo-asea.png) no-repeat left top;
}
footer h2 {
	margin-bottom: 0.3em;
	padding-top: 20px;
	border-top: 1px solid #333;
}
footer h2 img { width: 130px; height: 20px;}
footer .copyright { font-size: 1.3rem; letter-spacing: 0.1em;}



/* ==========================================
	 トップページ
============================================= */

/* Main Pict
--------------------------------------------- */
.mainpict {
	margin: 0 auto;
	padding: 0;
	max-width: 414px;
	height: auto;
	line-height: 0.7;
	text-align: center;
	background-color: #000;
	vertical-align: none;

}
.mainpict a {
	display: block;
	width: 100%;
	max-width: 414px;
	height: auto;
}
.mainpict img {
	margin: 0 auto;
	width: 100%;
	max-width: 414px;
	height: auto
	max-height:;
}
.mainpict .slick-arrow {
	font-size: 3rem;
	visibility: hidden;
}
.mainpict .slick-prev {
	left: 25px;
	z-index: 1000;
}
.mainpict .slick-next {right: 25px;}


.mainpict.slick-slider .slick-track,
.mainpict.slick-slider  .slick-list,
.mainpict.slick-slider .slick-slide,
.mainpict.slick-slider .slick-slide img {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.mainpict .slick-dots {
	bottom: 10px;
	margin: 0;
	padding: 0;

}
.mainpict .slick-dots li button {
	margin: 0;
	padding: 0;
	height: 0;
	position: absolute;
}
.mainpict .slick-dotted.slick-slider,
.mainpict .slick-dotted.slick-slider,
.slick-dotted.slick-slider {
	margin-bottom: 0;
}



/* PC用 */
.mainpict.pc {
	margin: 0 auto;
	padding: 0;
	max-width:1200px;
	max-height: 465px;
	line-height: 0.7;
	text-align: center;
	background-color: #000;
	vertical-align: none;
	overflow: hidden;

}
.mainpict.pc a {
	display: block;
	width: 100%;
	max-width:950px;
	height: auto;
}
.mainpict.pc img {
	margin: 0 auto;
	width: 100%;
	max-width:1200px;
	height: auto
	max-height:;
}
.mainpict.pc .slick-arrow {
	font-size: 3rem;
	visibility: hidden;
}
.mainpict.pc .slick-prev {
	left: -40px;
	z-index: 1000;
	visibility: hidden;
}
.mainpict.pc .slick-next {right: -40px;}
.mainpict.pc .slick-dots {bottom: 10px;}



/* CAR TYPE SEARCH
--------------------------------------------- */
.section.cartype {
	padding-bottom: 25px;
	background: #7a0000;
}
.section.cartype h2 {
	margin: 0;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	background: linear-gradient(#3d0000, #7a0000);
}
.section.cartype li {
	position: relative;
	display: block;
	padding: 1px;
	min-width: 104px;
	min-height:  104px;
	color: #fff;
	font-size: 2rem;
	text-shadow:1px 1px #000;
	text-align: center;
	 background-color: #fff;
	 border: 1px solid #ccc;

}
.section.cartype li a {
	position: absolute;
	display: block;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 104px;
	line-height: 104px;
	transition: all 400ms 0s ease;
}

/* CAR PARTS SEARCH
--------------------------------------------- */
.section.carparts {
	padding-bottom: 25px;
	background: #001d7a;
}
.section.carparts h2 {
	margin: 0;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	background: linear-gradient(#001d7a, #000e3d);
}
.section.carparts li {
	position: relative;
	display: block;
	padding: 0;
	min-width: 150px;
	min-height:  160px;
	color: #fff;
	font-size: 2rem;
	text-shadow:1px 1px #000;
	text-align: center;
	 background-color: #000;

}
.section.carparts li.engine   {
	background:url(library/images/carparts-engine.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.cooling  {
	background:url(library/images/carparts-cooling.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.chassis  {
	background:url(library/images/carparts-chassis.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.brake    {
	background:url(library/images/carparts-brake.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.interior {
	background:url(library/images/carparts-interior.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.exterior {
	background:url(library/images/carparts-exterior.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.rally    {
	background:url(library/images/carparts-rally.jpg) no-repeat center center;
	background-size:cover;
}
.section.carparts li.goods    {
	background:url(library/images/carparts-goods.jpg) no-repeat center center;
	background-size:cover;
}
main .section.carparts li a {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 160px;
	line-height: 160px;
	background-color: rgba(0,0,0,0.6);
	transition: all 400ms 0s ease;
}
main .section.carparts li a:hover {
	background-color: rgba(0,0,0,0.3);
	background-size:auto;
}
main .section.carparts li a span {
	display: inline-block;
	line-height:1.1;
}

/* WHAT'NEW
--------------------------------------------- */
.home .section.news {
	padding: 30px 15px 20px;

}
.section.news {
	padding: 30px 15px 0px;
	background: linear-gradient(#f3f5f6, #c4c5c6);
}
body.category main.news .section.news {
    background: #f3f5f6 none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 0 15px;
}

.section.news h2 {
	margin-bottom: 15px;
	padding-bottom: 25px;
	font-size: 2.5rem;
	text-align: center;
	background: url(library/images/bg-arrow.png) no-repeat center bottom;
}
.section.event li,
.section.news li,
.section.mortorsports li,
.section.important li {
	display: table;
	width:100%;
}
.section.event li dl,
.section.news li dl,
.section.mortorsports li dl,
.section.important li dl { display: table-cell;}
.section.event li .btn,
.section.news li .btn,
.section.mortorsports li .btn,
.section.important li .btn  {
	display: table-cell;
	padding: 10px 12px 6px;
	width: 50px;
}
.section.event li,
.section.news li,
.section.mortorsports li,
.section.important li {
	margin-bottom: 5px;
	padding:15px 10px 20px;
	background-color: #fff;
	-webkit-border-radius: 2px; /* Safari, Chrome用 */
	-moz-border-radius   : 2px; /* Firefox用 */
	border-radius        : 2px; /* CSS3 */
}
.section.event li dt,
.section.mortorsports li dt,
.section.news li dt {
	margin-bottom: .4em;
	color: #001d7a;
	font-style: italic;
}
.section.news .important li dt {color: #7a0000;}

.section.event li .btn a,
.section.news li .btn a,
.section.mortorsports li .btn a,
.section.important li .btn a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	background-color: #ccc;
	-webkit-border-radius: 50%; /* Safari, Chrome用 */
	-moz-border-radius   : 50%; /* Firefox用 */
	border-radius        : 50%; /* CSS3 */
}
.section.news .btn a:link {}
.section.news .btn a:visited {}
.section.news .btn a:hover { background-color: #aaa;}
.section.news .btn a:active {}

.section.news .more {
	padding: 20px 0 5px;
	text-align: center;
}
.section.news .more a {
	display: block;
	margin: 0 auto ;
	max-width:290px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 1.7rem;
	text-decoration: none;
	background-color: #001d7a;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */

}
.section.news .more a:link {}
.section.news .more a:visited {}
.section.news .more a:hover { background-color: #2F53BF;}
.section.news .more a:active {}

/* banner
--------------------------------------------- */
.section.banner {
	padding: 35px 0;
	text-align: center;
	background-color: #f3f5f6;
}
.section.banner a {
	display: inline-block;
	margin: 5px;
}
.section.banner a img {
	border: 1px solid #ddd;
}

/* ==========================================
	 下位ページ
============================================= */

/* パンくずリスト */
.bread {
	padding: 17px 15px 13px;
	width: 100%;
	min-height: 50px;
	background-color: #dadcdd;
}
.bread ul li {
	float: left;
/*
	height: 22px;
	line-height: 22px;
*/
	font-size: 1.5rem;
	vertical-align: baseline;
}
.bread ul li:not(:last-child):after { content: " > "; margin: 0 .3em;}
.bread ul li:last-child {padding-top: 1px;}
.bread ul li span:before { content: "["; margin:0 .2em;}
.bread ul li span:after { content: "]"; margin:0 .2em;}
.bread ul li a {
	display: inline-block;
/*
	height: 22px;
	line-height: 22px;
*/
	color:#001D7A ;
	vertical-align: middle;
}
.bread ul li a:hover { color: #2F53BF;}


/* ==========================================
	CAR TYPE search 第二階層
	CAR TYPE search 第三階層
============================================= */

.main {
	padding: 20px 15px;
	background-color:#f3f5f6;
}
.third .main.parts h1,
.main h1 {
	margin-bottom: 15px;
	font-size: 2.6rem;
	text-align: center;
}
.main h1 span:before { content: "[ "; margin-left: .3em;}
.main h1 span:after { content: " ]";}
.main .section {
	margin-bottom: 10px;
	padding: 30px 15px 20px;
	background-color: #fff;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.main .section h2 {
	font-size: 2rem;
}
.main .section ul.row {
	width: auto;
}
.main .section li {
	overflow: hidden;
	margin-bottom: 10px;
}
.main .section li a {
	position: relative;
	display: table;
	overflow: hidden;
	padding: 15px;
	width: 100%;
	height:auto;
	min-height: 50px;
	text-align: center;
	background-color: #001D7A ;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}


.main .section li h3 {margin: 0;}
.main .section li a:hover { background-color: #2F53BF; }
.main .section li a span {
	white-space: nowrap;
	display: inline-block;
}
.main .section li a span:before { content: "[ ";}
.main .section li a span:after { content: " ]";}

/* 一覧を見る */
.main .pdf {margin: 20px 13px; }
.main .pdf a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 49px;
	font-size: 1.7rem;
	font-weight: 600;
	text-align: center;
	background-color:  #b33131;
	-webkit-border-radius: 4px; /* Safari, Chrome用 */
	-moz-border-radius   : 4px; /* Firefox用 */
	border-radius        : 4px; /* CSS3 */

}
.main .pdf a span {
	display: inline-block;
	padding-left: 50px;
	height: 50px;
	line-height: 53px;
	background: url(library/images/icon-pdf.png) no-repeat left center;
}
.main .pdf a:hover { background-color: #C43C3C;}

.main.typethird .body {
	padding: 0;
	background: none;
}
.main.typethird .body .intro {
    margin-bottom: 10px;
    padding: 20px 15px 20px;
    background-color: #fff;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.main.typethird .body .section {

    margin-bottom: 10px;
    padding: 20px 15px 20px;
    background-color: #fff;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}


/* ==========================================
	CAR TYPE search 第四階層 (.main.parts)
	CAR TYPE search 第五階層 (.main.part)
	CAR PARTS search 第四階層
============================================= */

.main .body {
	overflow: hidden;
	margin: 0 auto ;
	max-width: 750px;
	background-color: #fff;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */

}
.single-item .main h1 {
	color:#F3F5F6;
}
.main .body>h2,
.main .body .car h2 {
	margin-bottom: 0;
	padding: 16px;
	min-height: 60px;
	color: #fff;
	font-size: 2.3rem;
	line-height: 1.2;
	background-color: #000;
}
.main .body h2.title small,
.main .body>h2>small {
	color: #fff;
	font-size: .8em;
	font-weight: 600;
}
.main .body h2.title small.block,
.main .body>h2>small.block {
	display: block;
	font-size: .9em;
}
.main .body dl {
	display: block;
	margin-bottom: 6px;
}
.main .body dl dt,
.main .body dl dd {
	display: inline;
	font-size: 1.9rem;
	vertical-align: text-top;
}
.main .body dl dt {font-weight: 500;}
.main .body dl dt:after { content: "：";}
.main .body dl dd {
	font-weight: 600;
}
.main.parts .body .item dl dt,
.main.parts .body .item dl dd {
	font-size: 1.5rem;
	font-weight: 500;
}
.main.parts .body .item dl.price dd { font-weight: 600;}


/* .main .body dl.code dt { background-color: lime;} */
.main .body dl.code dd {
	display: inline-block;
/* 	background-color: aqua; */
/* 	padding-left: 100px; */
}

.main .body .model {
	margin: 0px 15px 20px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #ccc;
}
.main .body .model h3 {
	margin: 5px 0 20px;
	padding-bottom: 20px;
	font-size: 2.3rem;
	word-break: break-all;
	border-bottom: 1px solid #ccc;
}
.single-item .main .body .model h3 span,
.single-item .main .body .model h3 small {
	display: inline-block;
	margin-left: 1em;
	margin-bottom: 10px;
	color: #333;
	font-size: .8em;
	font-weight: bold;
}

.main.parts h1 {font-size:1.8rem;}
.main.parts h1 strong {font-size: 2.6rem; vertical-align: middle;}
.main.parts section { padding: 0 15 20px;}
.main.parts .item ul li {margin-bottom: 40px;}
.main.parts .item ul li p {font-size: 1.6rem;}
.main.parts  dl.price {margin-top: 5px;}
.main.parts  dl.price dd:before,
.main.part  dl.price dd:before { content: "¥";}

.main.parts  dl.price dd.red:before,
.main.part  dl.price dd.red:before { content: "";}



.main.parts  dl.price dd small,
.main.part  dl.price dd small {font-weight: 500; font-size: .9em;}
.main.parts  dl.price dd small:before,
.main.part  dl.price dd small:before { content: " (¥";}
.main.parts  dl.price dd small:after,
.main.part  dl.price dd small:after { content: ")";}

.main.parts .container dl dd.code a {
	display: inline-block;
	padding: 0 15px ;
	height: 25px;
	line-height: 25px;
	background-color: #001D7A ;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.main.parts .container dl dd.code a:hover {background-color: #2F53BF;}
.main .body .container .maintext {
	margin: 0 0 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.main.parts .body ul li p {line-height: 1.35;}
.main.parts .body ul li .thumb_pict {
	margin-bottom: 10px;
	width: 100%;
	max-width: 340px;
	max-height: 240px;
	overflow-y: hidden;
}
.main.parts .body ul li .thumb_pict img {
	width: 100%;
	max-width: 340px;
	height: auto;
}
.main.parts .body ul li dl {margin: 5px 0;}
.main.parts .body .button {
	margin-top: 1em;
	margin-right: 1em;
	text-align: left;
}
.main.parts .body .button a {
	display: inline-block;
	padding: 1px 15px 0;
	height: 25px;
	line-height: 25px;
	background-color: #001D7A ;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.main.parts .body .button a:hover {background-color: #2F53BF;}

.main .body .container .maintext a:link,
.main .body .container .maintext a:visited {color: #001d7a;}
.main .body .container .maintext a:hover {color: #2F53BF; text-decoration: underline;}

.main .body .qtranxs-available-languages-message a:link,
.main .body .qtranxs-available-languages-message a:visited { color: #001d7a;}
.main .body .qtranxs-available-languages-message a:hover { color: #2F53BF; text-decoration: underline;}

.main.parts .body .item ul.row li {
	float: none;
	margin: 0 auto 40px;
	max-width: 360px;
/* 	background-color: aqua; */
}


/* ==========================================
	CAR TYPE search 第五階層 (.main.part)
	CAR PARTS search 第五階層
============================================= */

.main .pict {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 20px 0px 30px;
	text-align: center;
}
.main .pict .aligncenter { display: inline;}
.main .pict img {
	margin: 5px;
	width: 100%;
	max-width: 300px;
	height: auto;
	text-align: center;
}

.main.part .sect {
	margin-bottom: 30px;
	font-size: 1.6rem;
}
.main.part .sect span {
	line-height: 1.3;
}

.main.part .sect h4,
.main.part .sect h5 {
	margin-top: 1em;
	font-size: 1.7rem;
}
.main.part .sect ul {
	padding-left: 10px;
}

.main.part .sect dl {
	padding-left: 10px;
	margin-bottom: 3px;
}
.main.part .sect dl dt {
	display: inline-block;
	margin-right: .5em;
	height: 20px;
	line-height: 20px;
	padding: .1em .5em 0;
	font-size: 1.7rem;

	background-color: #ccc;
}
.main.part .sect dl dt:after { content: none;}
.main.part .sect dl dd {line-height: 1.5;}
.main.part .sect .attach li {
	margin-bottom: 0;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.7;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.main.part .sect .attach li:before { content: "■ ";}

/* 取付け説明書 */
.main.part .manual p {
	padding-left: 10px;
	font-size: 1.5rem;
	font-weight: 600;
}
.main.part .manual a.pdficon {
	margin: 0.5em 0;
	padding-left: 10px;
}

.main.part .shopping li {margin-bottom: 10px;}
.main.part .shopping li a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	text-align: center;
	background: url(library/images/icon-link.png) #001D7A no-repeat right center;
	background-position-x: 90%;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.main.part .shopping li a:hover {background-color: #2F53BF;}

.main .sect.data img {
	margin: 1.5em 1em;
}

/* ==========================================
	CAR PARTS search 第二階層
============================================= */

body.carparts .partssecond .section {
	padding: 0 0 20px;
	background: none;
}
body.carparts .partssecond .section ul {
	max-width: 1300px;
	margin: 0 auto;
}
body.carparts .partssecond .section li {
	margin:0 auto 20px;
	padding-left: 0;
	padding-right: 0;
	line-height: 1;
}
body.carparts .main .section li .pict {
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 290px;
	line-height: .6;
	overflow: hidden;
	-webkit-border-radius: 1px 1px 0px 0px / 1px 1px 0px 0px;
	-moz-border-radius   : 1px 1px 0px 0px / 1px 1px 0px 0px;
	border-radius        : 1px 1px 0px 0px / 1px 1px 0px 0px;
}
body.carparts .main .section li .pict a {
	display: block;
	padding: 0;
	min-height: auto;
	background: none;
	overflow: hidden;
-webkit-border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
-moz-border-radius   : 3px 3px 0px 0px / 3px 3px 0px 0px;
border-radius        : 3px 3px 0px 0px / 3px 3px 0px 0px;

}
body.carparts .main .section li .pict img {
	margin: 0;
	width: 100%;
	height: auto;
	line-height: 1;


}
body.carparts .main .section li h2 {
	margin: 0 auto;
	padding: 15px;
	max-width: 290px;
	background-color: #fff;
}
body.carparts .main .section li h2 a {
	display: block;
	padding: 0;
	min-height: auto;
	color: #000;
	text-align: left;
	background: none;
}
body.carparts .main .section li h2 a:hover {
	text-decoration: underline;
}


body.carparts .second .section ul {
	display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
body.carparts .second .section li {
	margin:0 0 20px;
}

/* ==========================================
	CAR PARTS search 第三階層(第二.五階層)
============================================= */

body.page-template-page-carparts_third .third .main h1 {font-size: 2.6rem; }
body.page-template-page-carparts_third .third .main .body {padding: 0;}
body.page-template-page-carparts_third .third .main .intro { padding: 0 15px 30px;}
body.page-template-page-carparts_third .third .main .intro .pict p {
	margin:0 10px 20px;
	width: 260px;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: left;
}


body.page-template-page-carparts_third .third .body .container.item {
	width: auto;
	margin: 10px 15px;
	padding: 20px 0 20px;
}
body.page-template-page-carparts_third .third .body .container.item.line {
	width: auto;
	margin: 20px 15px;
	border-top: 1px solid #ccc;
}


body.page-template-page-carparts_third .third .main .body { padding: 30px 15px 20px;}
body.page-template-page-carparts_third .third .main .intro .pict p:last-child { margin-bottom: 0;}
body.page-template-page-carparts_third .third .main .intro .pict p img { margin: 0;}
body.page-template-page-carparts_third .third .main .section h2 {
	font-size: 2.6rem;
	text-align: center;
}
body.page.carparts .second .body {
	margin-bottom: 60px;
	padding: 30px 30px 40px;
}

.second .main .body .intro table,
.third .main .body .intro table {
	margin:0 auto 2em;
}
.second .main .body .intro table th,
.third .main .body .intro table th {
	padding:.5em 1em;
	font-size: 1.4rem;
	line-height: 1.2;
	background-color: #D7D3D4;
	border: 1px solid #ddd;

}
.second .main .body .intro table td,
.third .main .body .intro table td {
	padding:.5em 1em;
	font-size: 1.4rem;
	line-height: 1.2;
	background-color:#F7F7F7;
	border: 1px solid #ddd;
	}
.second .main .body .intro h3,
.third .main .body .intro h3 {
	margin-top: 2em;
	padding: .6em 0 0;
	font-size: 2.1rem;
	line-height: 1.3;
	border-top: 1px solid #ccc;
}
.second .main .body .intro h4,
.third .main .body .intro h4 {
	margin-top: 1em;
}
.second .main .body .intro p,
.third .main .body .intro p {
	font-size: 1.7rem;
}
.page .main .body .intro .center img {
	margin:0 0 1em ;
	width: 100%;
	height: auto;
	max-width: 260px;
}


/* =============================================
	CAR PARTS search 第四階層
================================================ */

body.carparts.fourth .main .body {
	background: none;
	background-color: blue;
}
body.carparts.fourth .main .body .car {
	margin-bottom: 20px;
	background-color: #fff;
	overflow: hidden;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
body.carparts.fourth .main .body .car:last-child {margin-bottom: 0;}
body.carparts.fourth .main .body .car .red { font-weight: 500;}
body.carparts.fourth .main .body .car ul li:last-child {margin-bottom: 0;}

/* =============================================
	CAR PARTS search 第四階層part2
================================================ */
body.page.carparts .fourth .body {
	padding: 30px 15px 20px;
}
body.carparts .fourth .body .intro {
	margin-bottom: 20px;
	padding:  0 15px 30px;
}
body.carparts .fourth .main .body .intro h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 2.1rem;
	line-height: 1.3;
	border:none;
}
body.carparts .fourth .body .section {
	width: 100%;
	padding: 0 0 20px
}
body.carparts .fourth .body .section h2 {
  padding-left: 0.7em;
	font-size: 2.6rem;
  text-align: left;
}
body.carparts .fourth .body .container.item {
	width: auto;
	margin: 20px 15px;
/* 	padding: 20px 0; */
	padding: 20px 0 20px;
	border-top: 1px solid #ccc;
}


/* =============================================
	NEWS
================================================ */

/* 一覧ページ */
body.category main.news { background:#f3f5f6 ;}
body.category main.news h2 {
	font-size: 2.6rem;
	margin:20px 0 15px;
	text-align: center;
}
body.category main.news .section.event {
	margin-bottom: 0;
	padding: 0 15px;
	background: #f3f5f6 ;
}
body.category main.news .section.news li,
body.category main.news .section.event li {
	background-color: #fff;
	border-radius: 2px;
	margin-bottom: 5px;
	padding: 15px 10px 20px;
}

body.category main.news .section.news {
	margin-bottom: 0;
	padding: 0 15px ;
	background:#f3f5f6 ;
}
body.category main.news .section.news h2 {
	margin-bottom: 15px;
	padding-bottom: 0;
	background: none;
}

/* WP-PageNavi */
.wp-pagenavi {
	display: block;
	padding: 20px 0;
	text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 1.4rem;
	background-color: #666;
	border: none;
	-webkit-border-radius: 5px; /* Safari, Chrome用 */
	-moz-border-radius   : 5px; /* Firefox用 */
	border-radius        : 5px; /* CSS3 */
	vertical-align: middle;
}
.wp-pagenavi span.current {
	background-color: #001d7a;
}
.wp-pagenavi a:hover {
	background-color: #001d7a;
}

main.news .section.mortorsports {
	padding:0px 15px;
}

main.news .section.important {
	margin-bottom: 0;
	padding:0px 15px 20px ;
	background:#f3f5f6 ;
}
main.news .section.important dt {
	color: #7a0000;
}


/* シングルページ */

body.news .body { padding: 15px;}
body.news .body p.date {
	color: #001d7a;
	font-style: italic;
}
body.news .body h2 {
	margin-bottom: 1em;
	padding: 0;
	min-height: auto;
	color: #000;
	line-height: 1.6;
	background: none;
}
body.news .body .textarea a {
	margin: 1em 0;
	color: #001d7a;
}
body.news .body .textarea a:hover {color: #2F53BF;}


/* =============================================
	固定ページ page company
================================================ */

body.page .body .mainpict {
	line-height: 0.6;
	text-align: center;
}
body.page .body .textarea { padding: 15px;}
body.page .body .textarea .section {
	padding: 20px 0;
	background: none;
}
body.page .body .textarea .section h2 {
	margin-bottom: 20px;
	padding: 12px;
	font-size: 2.3rem;
	text-align: center;
	border-bottom: 2px solid #ccc;
}
body.page .body .textarea .section h3 {
	margin: 20px 0 10px;
	color: #001d7a;
	font-size: 1.7rem;
}
body.page .body .section .pict { text-align: center;}
body.page .body .section .pict p {
	display: inline-block;
	margin: 10px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: left;
}
body.page .body .section .pict p img { margin: 0;}


/* =============================================
	固定ページ page brand
================================================ */

body.page.brand .body { padding: 0; background: none;}
body.page.brand .body .section { padding:20px 15px; background-color: #fff;}
body.page.brand .body .section h2 { padding: 0;}
body.page.brand .body .section h3 {margin-top: 2em;}
body.page.brand .body .section .pict { margin:20px -5px 0;}
body.page.brand .body .section .pict p {
	margin: 0 5px 10px;
	line-height: 0.6;
	overflow: hidden;
	vertical-align: top;
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius   : 3px; /* Firefox用 */
	border-radius        : 3px; /* CSS3 */
}
.page.brand .body .section .pict p:last-child {margin-bottom: 0;}

/* =============================================
	固定ページ overseas distributor
================================================ */

body.page .body .section.overseas h4 {
	font-size: 2rem;
}
body.page .body .section.overseas table {
	width: 100%;
	margin-bottom: 40px;
	border-top: 2px solid #111;
}
body.page .body .section.overseas th,
body.page .body .section.overseas td {
	padding: 10px 0;
	font-size: 1.5rem;
	line-height: 1.3;
	border-bottom: 1px solid #333;

}
body.page .body .section.overseas th {
	min-width: 100px;
	padding-right: 10px;
}
body.page .body .section.overseas td img {
	padding-left: 10px;
	vertical-align:top;
}
body.page .body .section.overseas td a {
	word-break: break-all;
}
body.page .body .section.overseas td a:link,
body.page .body .section.overseas td a:visited {
	color: #001D7A;
}
body.page .body .section.overseas td a:hover {
	color: #0481c9;
}



@media screen and (max-width: 767px) { /* モバイル（768px以下）:col-xs-* */


}@media screen and (min-width: 768px) { /* タブレット（768px以上:col-sm-* */

/* ==========================================
	 画像処理
============================================= */

.alignright  { display: block; float: right; margin: 0 0 20px 20px; }
.alignleft   { display: block; float: left ; margin: 0 20px 20px 0;}
/* .aligncenter { display: block; margin: 0 auto; } */
.alignnone   { margin: 20px 0;  }
.size-thumbnail { width:100%;max-width:150px; max-height:150px;}
.size-medium    { width:100%;max-width:300px; max-height:300px;}
.size-large     { width:auto;max-width:100%; max-height:auto;}
.size-full      { width:auto;max-width:100%; max-height:auto;}
.wp-caption-text {font-size: 1.4rem;line-height: 1.3;}

.wp-caption.aligncenter {
	display: inline-block;
}


.gallery-columns-2  {
	overflow: hidden;
	position: relative;
}
.gallery-columns-2 ul {
	position: relative;
	float: left;
	left: 50%;
	list-style: none;
}
.gallery-columns-2 ul li {
	position: relative;
	float: left;
	left: -50%;
	margin: 10px;
}



.navi  .navbar {
	position: relative;
}
.navi  .navbar #patern02 {
	position: absolute;
	margin-right: 170px;
}
.main section .row {
	margin-left: 0;
	margin-right: 0;
}

.mainpict .slick-next {right:0;}
.mainpict.pc .slick-next { right: 0;}

body.carparts .second .section li { width: 49.9%;}

/* ==========================================
	CAR PARTS search 第三階層
============================================= */

/* body.page-template-page-carparts_third .third .main .intro { padding: 30px 30px 45px;} */
body.page-template-page-carparts_third .third .main .section h2 { text-align: left;padding-left: .7em;}
body.page-template-page-carparts_third .main .body section.container {padding: 0 0 20px;}

/* 商品一覧PDFボタン */
body .carparts .main .body .pdf { margin-bottom: 30px;}


.main .section ul.row {
	width: 720px;
}

/* ==========================================
	CAR TYPE search 第三階層
============================================= */
body.page-template-page-cartype_third .third .main .section h2 { padding-left: .8em;}

/* 一覧を見る */
.main .pdf {
	margin: 10px auto 5px;
	max-width: 690px;
}

/* ==========================================
	CAR TYPE search 第四階層
	CAR PARTS search 第四階層
============================================= */

.main .body .model {margin: 0px 30px 20px;}
.main .body .model h3 br { margin-bottom: 0px ;}
.single-item .main .body .model h3 span,
.single-item .main .body .model h3 small {
	display: inline;
	margin-bottom: 0px;
}
.main .body section.container {
	padding: 0px 30px 20px;
/*
	width: 100%;
	max-width: 970px;
*/
}

body .main .pict img {
	margin: 5px;
	width: auto;
	max-width:  none;
	height: auto;
	text-align: center;
}


.main.parts .body .item ul.row li {
	float: left;
	max-width: 50%;
}
.main.parts .body .item ul.row li:nth-child(2n+1) { clear: both;}


/* =============================================
	NEWS
================================================ */



/* シングルページ */
body.news .body { padding: 30px;}


/* =============================================
	固定ページ page
================================================ */

body.page .body { padding: 15px 30px 20px;}
/* 第四階層用の検索結果ページ */
body.page .fourth .body { padding: 0;}
body.page .body .textarea .section h2 {
	padding-left: 0;
	text-align: left;
}


}@media screen and (min-width: 992px) { /* ノートPC（992px以上）:col-md-* */

/* ==========================================
	 トップページ
============================================= */

.section.cartype li.col-md-1 { width: 11.111111111111%;}


/* ==========================================
	CAR TYPE search 第三階層
============================================= */
/* 一覧を見る */
.main .pdf {
	margin: 20px auto 15px;
}

/* ==========================================
	CAR PARTS search 第三階層
============================================= */

/* 商品一覧PDFボタン */
body .carparts .main .body .pdf {
	width: 31.3%;
}


.main .section ul.row {
	width: 940px;
}

/* ==========================================
	CAR TYPE search 第四階層
	CAR PARTS search 第四階層
============================================= */

.main .body { max-width: 970px;}
.main .body dl dt,
.main .body dl dd { font-size: 1.7rem;}


.main.parts .body .item ul.row li:nth-child(2n+1) { clear: none;}
.main.parts .body .item ul.row li:nth-child(3n+1) { clear: both;}


body.carparts .second .section li { width: 33.3%;}

/* =============================================
	固定ページ overseas distributor
================================================ */

body.page .body .section.overseas h4 {
	width: 80%;
	margin:0 auto;
}
body.page .body .section.overseas table {
	width: 80%;
	margin:0 auto 40px;
}
body.page .body .section.overseas th { width: 200px;}



}@media screen and (min-width:1200px){ /* デスクトップ（1200px以上）:col-lg-* */

/* ==========================================
	 トップページ
============================================= */

.section.carparts li.col-lg-1 { width: 12.5%;}


/* ==========================================
	CAR PARTS search 第三階層
============================================= */
.main .section ul.row {
	width: 1140px;
}

/* ==========================================
	CAR TYPE search 第四階層
	CAR PARTS search 第四階層
============================================= */

.main .body { max-width: 1170px;}
body.carparts .second .section li { width: 24.98%;}

}