@charset "utf-8";
/* CSS Document */

#crumb { position:relative; }

#crumb .fav_btn { position:absolute; right:0; top:0; display:inline-block; background:#014099; padding:0 12px; cursor:pointer; }

article{ margin:0px;}

#contentsBlock{ max-width:950px; width:100%; margin:0 auto; padding:0px; }
	
.h01{ max-width:950px; width:100%; background-color:#f1f1f1; margin:0 0 0 0;}

.h05{ margin-bottom:0px;}

section p{ text-align:left; line-height:1.6;}

.tabBlock ul{ clear:both; overflow:hidden; margin:30px 0 0 1px; background:url(../img/border_001.gif) repeat-x center bottom;}

.tabBlock ul li{ float:left; margin-right:7px; }
	
/* -------------------------------- Contents -------------------------------- */
.seihin_common_box{	max-width:950px; width:100%;}
.seihin_common_box .imgL{ width:100%;}
.seihin_common_box .imgR{max-width:320px; width:100%;}	
.seihin_common_box2{ margin:40px 0;}
.seihin_common_box3{ background:#f1f1f1; overflow:hidden;}
.seihin_common_box3 .box{/*  max-width:610px; */ width:100%; margin:0px; }	
.seihin_common_box3 .box .imgL{ max-width:300px; width:100%; }	
.seihin_common_box3 .box .imgL .title{ color:#0f2188; font-size:120%; font-weight:bold; margin:20px 0 0 20px; }
.seihin_common_box3 .box .imgL .title span.new { background:#0f2188; color:#ffffff; padding:2px 5px 0; display:inline-block; font-weight:normal; line-height:1.3; }		
.seihin_common_box3 .box .imgL .txt{ margin:15px 0 0 20px;}		
.seihin_common_box3 .box .imgR{ max-width:420px; width:100%; }			
.seihin_common_box3 .box .imgR .img ul{ margin:20px 0; }			
.seihin_common_box3 .box .imgR .img ul li img{ border:#d5d5d5 1px solid; }				
.seihin_common_box3 .box .imgR .img ul li.stay img { border:#0f2188 1px solid; }			
.seihin_common_box3 .box .imgR .img ul#myRoundabout{ width:180px; margin:15px 0 0 90px; height:300px; }

.seihin_common_box3 .box .imgR .img ul#myRoundabout li{	width:340px; height:236px; cursor:pointer; }
.seihin_common_box3 .number{ overflow:hidden; margin:10px 0 20px 20px; clear:both; }
.seihin_common_box3 .number ul li a{ float:left; border:#a5a5a5 1px solid; height:25px; width:23px; padding:5px 0 0 0; background:#ffffff; margin:0 3px 0 0; }
.seihin_common_box3 .number ul li a:hover, .seihin_common_box3 .number ul li.stay a{ float:left; border:none; height:25px; width:25px; padding:5px 0 0 0; background:#0f2188; margin:0 3px 0 0; color:#ffffff; text-decoration:none!important; }
.seihin_common_box4{ margin:20px 0 0 0; }
.seihin_common_box5{ border:#d5d5d5 1px solid; margin:20px 0 0 0; }
.seihin_common_box5 .title{ font-size:120%; font-weight:bold; text-align:left; margin:5px 10px 0 10px; }
.seihin_common_box5 ul{ text-align:left; margin:0 0 0 10px; }
.seihin_common_box5 p.title_list{ margin:5px 0 5px 10px; font-weight:bold; }	
.seihin_common_box5 ol{	margin:2px 10px 10px 25px; text-align:left; }
.seihin_common_box5 ol li{ margin:7px 0; padding-left:1em; text-indent:-1em; }	
.seihin_common_box5 ol li a.pdf_link { display:block; margin:6px 0 0; text-indent:0; }
.seihin_common_box5 ol li span.new { background:#0f2188; color:#ffffff; margin-left:5px; padding:2px 5px 0; display:inline-block; font-weight:normal; line-height:1.3; text-indent:0 !important; }
.seihin_common_box5 ol li.stay, .seihin_common_box5 ol li.stay a, .seihin_common_box5 ol li:hover, .seihin_common_box5 ol li a:hover{ color:#0f2188; text-decoration:none!important; }
				
/*ウェザストリップ製品*/	
.seihin_body .seihin_common_box3 .box .imgL .title{				color		: #cd67a3;								}
.seihin_body .seihin_common_box3 .number ul li a:hover, .seihin_body .seihin_common_box3 .number ul li.stay a{ background:#cd67a3; }
.seihin_common_box5.seihin_body ol li.stay, .seihin_common_box5.seihin_body ol li.stay a, .seihin_common_box5.seihin_body ol li:hover, .seihin_common_box5.seihin_body ol li a:hover{ color:#cd67a3; text-decoration:none!important; }
.seihin_body .seihin_common_box3 .box .imgR .img ul li.stay img { border:#cd67a3 1px solid; }
				
/*機能部品*/	
.seihin_kinou .seihin_common_box3 .box .imgL .title{ color:#c4ac4b;	}
.seihin_kinou .seihin_common_box3 .number ul li a:hover, .seihin_kinou .seihin_common_box3 .number ul li.stay a{ background:#f8d95f; }
.seihin_common_box5.seihin_kinou ol li.stay, .seihin_common_box5.seihin_kinou ol li.stay a, .seihin_common_box5.seihin_kinou ol li:hover, .seihin_common_box5.seihin_kinou ol li a:hover{ color:#c4ac4b; text-decoration:none!important; }
.seihin_kinou .seihin_common_box3 .box .imgR .img ul li.stay img { border:#f8d95f 1px solid; }			

/*内外装部品*/	
.seihin_naigai .seihin_common_box3 .box .imgL .title{ color:#3eb370; }
.seihin_naigai .seihin_common_box3 .number ul li a:hover, .seihin_naigai .seihin_common_box3 .number ul li.stay a{ background:#3eb370; }
.seihin_common_box5.seihin_naigai ol li.stay, .seihin_common_box5.seihin_naigai ol li.stay a, .seihin_common_box5.seihin_naigai ol li:hover, .seihin_common_box5.seihin_naigai ol li a:hover{ color:#3eb370; text-decoration:none!important; }
.seihin_naigai .seihin_common_box3 .box .imgR .img ul li.stay img { border:#3eb370 1px solid; }

/*セーフティシステム製品*/	
.seihin_safe .seihin_common_box3 .box .imgL .title{			color		: #09a7e8;						}		
.seihin_safe .seihin_common_box3 .number ul li a:hover, .seihin_safe .seihin_common_box3 .number ul li.stay a{			background			: #09a7e8;		}
.seihin_common_box5.seihin_safe ol li.stay, .seihin_common_box5.seihin_safe ol li.stay a, .seihin_common_box5.seihin_safe ol li:hover, .seihin_common_box5.seihin_safe ol li a:hover{ color:#09a7e8; text-decoration:none!important; }
.seihin_safe .seihin_common_box3 .box .imgR .img ul li.stay img { border:#09a7e8 1px solid; }

#btn-prev,	#btn-next{ display:none; }
	
.handle a{ font-size:13px; color:#09a7e8; }

@media screen and (max-width: 956px) {
	.seihin_common_box { display:flex; justify-content:space-between; flex-direction:column-reverse; }	
	.sp_c{ text-align:center; }	
	.seihin_common_box3{ margin:10px; }	
	.seihin_common_box .imgR { margin:0; padding:0 10px 10px; }		
	.seihin_common_box .imgL{ float:none; margin:0; }		
	.seihin_common_box3 .box .imgL .title{ margin:20px auto; padding:0 20px; }		
	.seihin_common_box3 .box .imgL .txt{ margin:15px auto; padding:0 20px; }		
	.seihin_common_box3 .box .imgR{ float:none; margin:0 auto 10px; }		
	.seihin_common_box3 .box .imgR .img ul#myRoundabout{ margin:0 auto; max-width:180px; width:100%; /*height:165px;*/ }		
	.seihin_common_box3 .box .imgR .img ul#myRoundabout li{ max-width:258px; width:100%; }		
	.seihin_common_box5{ border:none; }
	
	#btn-prev{ display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:7px; z-index:999; }	
	#btn-next{ display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:7px; z-index:999; }	
	#btn-prev a:before{ content:"\f104"; font-family:'FontAwesome'; font-size:43px; }	
	#btn-next a:before{ content:"\f105"; font-family:'FontAwesome'; font-size:43px; }	
	#btn-prev a:hover, #btn-next a:hover{ text-decoration:none !important; }
	
	.tabBlock.spStyle{ padding:0 10px; }

	.cp_ipselect { overflow:hidden; width:90%; margin:2em auto; text-align:center; }
	.cp_ipselect select { width:100%; padding-right:1em; cursor:pointer; text-indent:0.01px; text-overflow:ellipsis; border:none; outline:none; background:transparent; background-image:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-size:16px;}
	.cp_ipselect select option{	font-size:16px;}
	.cp_ipselect select::-ms-expand { display:none; }
	.cp_ipselect.cp_sl01 {position:relative; border:1px solid #bbb; border-radius:2px; background:#fff; margin:10px auto; width:100%; }
	.cp_ipselect.cp_sl01::before { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0.9em; width:0; height:0; padding:0; content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #666666; pointer-events:none;}
	.cp_ipselect.cp_sl01 select { padding:8px 38px 8px 8px; color:#666666;}

	.tabBlock ul{ display:flex; flex-wrap:wrap; background:none; border:1px solid #333; }
	.tabBlock ul li{ width:50%; border-right:1px solid #333; border-bottom:1px solid #333; margin:0; background:#eee; text-align:left; }
	.tabBlock ul li.tab_active{	background:#fff; }
		
	#body.tabBlock ul li.tab_active a{ color:#cd67a3; font-weight:bold; }
	#kinou.tabBlock ul li.tab_active a{ color:#c4ac4b; font-weight:bold; }
	#naigaisou.tabBlock ul li.tab_active a{ color:#3eb370; font-weight:bold; }
	#safety.tabBlock ul li.tab_active a{ color:#09a7e8; font-weight:bold; }
		
	.tabBlock ul li:nth-child(2n){ width:50%; border-right:none; border-bottom:1px solid #333; margin:0; }	
	.tabBlock ul li:nth-child(3), .tabBlock ul li:nth-child(4){ width:50%; border-bottom:none; margin:0; }	
	.tabBlock ul li a{ display:block; padding:10px; }
	
	.seihin_common_box3 .number{ display:none; }
	.seihin_common_box .imgR, .seihin_common_box .imgL{ max-width:100%; width:100%; }
	.seihin_common_box3 .box{ max-width:100%;}	
	.seihin_common_box3 .box .imgL{ width:50%; float:left; max-width:100%; }	
	.seihin_common_box3 .box .imgR{ width:50%; float:right; max-width:100%; padding-top:30px; padding-bottom:0; position:relative; }	
	.seihin_common_box3 .box .imgR .img ul#myRoundabout{ margin:15px auto 0; height:150px; }
	
	.tabBlock ul li{ background:#a5a5a5; }
	.tabBlock ul li a{ color:#FFF; margin-left:5px; padding-left:29px; font-size:11px; }
	.tabBlock ul li:nth-child(1) a{	background:transparent url(../img/tab_001-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(2) a{	background:transparent url(../img/tab_002-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(3) a{	background:transparent url(../img/tab_003-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(4) a{	background:transparent url(../img/tab_004-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(1).tab_active a{ background:transparent url(../img/tab_001ov-sp.gif) no-repeat 0 5px;	background-size:25px; }
	.tabBlock ul li:nth-child(2).tab_active a{ background:transparent url(../img/tab_002ov-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(3).tab_active a{ background:transparent url(../img/tab_003ov-sp.gif) no-repeat 0 5px; background-size:25px; }
	.tabBlock ul li:nth-child(4).tab_active a{ background:transparent url(../img/tab_004ov-sp.gif) no-repeat 0 5px; background-size:25px; }

}

@media screen and (max-width: 600px) {
	.seihin_common_box3 .box .imgL, .seihin_common_box .imgR, .seihin_common_box .imgL{ max-width:100%; width:100%; }
	.seihin_common_box3 .box .imgL, .seihin_common_box3 .box .imgR{ width:100%; float:none; }
}

@media screen and (max-width: 478px) {
	.seihin_common_box3 .box .imgL, .seihin_common_box .imgR, .seihin_common_box .imgL{ max-width:100%; width:100%; }	
	.seihin_common_box3 .box .imgR{ padding-top:5px; }	
	.seihin_common_box3 .box .imgR .img ul#myRoundabout{ height:120px; margin-top:40px; }
}