/* Y'S GEAR : bikecover.css */


/*======================================================================*
 *  [ タイトル ] 
 *======================================================================*/
 
 h3 span{font-size: 14px; font-size: 1.4rem; padding:0 0 0 15px;}
 

/*======================================================================*
 *  [ ナビ ] 
 *======================================================================*/

.navi_ul{ margin-left:-1%;}
.navi_ul li{width:33%; float:left; font-size: 18px; font-size: 1.8rem; font-weight:bold;}
.navi_ul li:first-child{width:34%;}
.navi_ul li a{border:#999 solid 1px; display:block; text-align:center; margin-left:3%; background-color: #ebebeb; background-image: url(/shared/img/bg_common.png); background-size: 3px 3px; padding:10px 0;}
.navi_ul li em{border:#999 solid 3px; display:block; text-align:center; margin-left:3%; padding:8px 0; position: relative;}
.navi_ul li em:after {content: url("/mc/bikecover/shared/img/icon_arro_bottom.png"); position: absolute; bottom:-23px; left:45%;}


/*======================================================================*
 *  [ 商品名 ] 
 *======================================================================*/


.menu-parent{position:relative; padding-top:164px; margin-top:15px; width:100%;} 
.menu{position:absolute; top:0; background:#fff; width:auto;}

.function_name_table,.size_name_table{width:980px;}

.function_name_table td:first-child{width:43%!important;}
.function_name_table td{width:19%; height:180px!important; vertical-align:bottom;}
.function_name_table td a{color:#fff; margin:0; padding:0; display:block;}
.function_name_table td img{margin:30px auto 10px; display:table-cell; width:auto;}
.function_name_table strong{background:#999; display:table-cell; color:#fff; height:60px; vertical-align:middle; padding:0 8px; border:#b4b4b4 solid 1px; width:502px;}
.function_name_table td span{background:url(/mc/bikecover/shared/img/icon_arro_right.png) no-repeat right center #999; font-weight:bold; display:table-cell; height:60px; width:300px; padding:0 20px 0 8px; vertical-align:middle; border-bottom:#b4b4b4 solid 1px; border-top:#b4b4b4 solid 1px; border-right:#b4b4b4 solid 1px;}

.size_name_table td:first-child{width:33.33%!important;}
.size_name_table td{width:33.33%; height:180px!important; vertical-align:bottom;}
.size_name_table td a{color:#fff; margin:0; padding:0; display:block;}
.size_name_table td img{margin:30px auto 10px; display:table-cell; width:auto;}
.size_name_table strong{background:#999; display:table-cell; color:#fff; height:60px; vertical-align:middle; padding:0 8px; border:#b4b4b4 solid 1px; width:326px;}
.size_name_table td span{background: url(/mc/bikecover/shared/img/icon_arro_right.png) no-repeat right center #999; font-weight:bold; display:table-cell; height:60px; width:326px; padding:0 20px 0 8px; vertical-align:middle; border-bottom:#b4b4b4 solid 1px; border-top:#b4b4b4 solid 1px; border-right:#b4b4b4 solid 1px;}


/*======================================================================*
 *  [ テーブル ] 
 *======================================================================*/

.function_table{width:100%!important;}
.function_table th{text-align:left; vertical-align:middle; width:43%;}
.function_table td{width:19%; text-align:center; vertical-align:middle;}
.function_table td img{margin:5px 0;}

.size_table{width:100%!important;}
.size_table sup { font-size: 80%; vertical-align: super; }
.size_table th{text-align:left; width:33.33%;}
.size_table td{width:33.33%; padding:0!important;}
.size_table td strong{display:none;}
.size_table td b{font-size:12px; font-size:1.2rem; display:block; color:#333!important;}
.size_table td b span{font-size:11px;font-size:1.1rem;}
.size_table td ul{font-size:10px; font-size:1.0rem; border-bottom:#ddd solid 1px; padding:5px 0; margin:0 0 5px; color:#333!important;}
.size_table td ul.noline{border-bottom:none;margin-bottom:0;}
.size_table td > * > span{font-size:10px; font-size:1.0rem;display:block;color:#cc1533!important;}
.size_table td aside{font-weight:bold; color:#cc1533; background:url(/mc/bikecover/shared/img/icon_arro_left.png) no-repeat left center; padding:0 0 0 10px;}
.size_table td a{padding:5px; display:block; width:auto;}
.size_table td div{padding:5px; display:block; width:auto;}
.size_table td:hover{background:#fae7ea;}	


/*======================================================================*
 *  [ シリーズ ] 
 *======================================================================*/	

.series_type > img{display:inline-block; width:42%; margin:10px 0 0; padding:0;}
.series_type .type_detail{display:inline-block; width:55%; margin:10px 0 0 2%; padding:0;}
.series_type > img.op{width:59%!important;}
.series_type .type_detail.op{width:38%!important;}
.series_type .type_detail strong{font-weight:normal; font-size: 16px; font-size: 1.6rem; display:block; margin:0 0 30px; color:#333;}
.series_type .type_detail ul li:before {content:"\25cf"; color:#cc1533; position:absolute; margin-left:-1em;}
.series_type .type_detail ul li{font-size: 14px; font-size: 1.4rem; color:#333; margin:0 0 15px; position:relative; margin-left:1em;}
.series_type .type_detail ul li b{display:inline-block; margin:0;}
.series_type .type_detail img{margin-bottom:35px;}
.series_type .type_detail aside{display:block; color:#333; font-size: 14px; font-size: 1.4rem;}

.series_type .btn_purchase{background:url(/mc/bikecover/shared/img/icon_kart.png) no-repeat 15px 15px #cc1533; display:inline-block; font-size: 16px; font-size: 1.6rem; font-weight:bold; color:#fff!important; padding:14px 20px 14px 45px; border-radius:5px; margin:0 20px 20px 0;}
.series_type .btn_purchase:hover{background:url(/mc/bikecover/shared/img/icon_kart.png) no-repeat 15px 15px #ee2255; color:#fff!important;}

.series_type .btn_size{color:#cc1533; font-size: 14px; font-size: 1.4rem; padding:0 0 0 15px; margin:0 0 20px; background:url(/mc/bikecover/shared/img/icon_window.png) no-repeat left center; display:inline-block;}
.series_type .btn_size:hover{color:#ee2255!important;}

.series_type h4{margin-top: 15px;}

.series_type .type_picup{margin:30px 0 50px -3%; width:auto;}
.series_type .type_picup > li{width:30%; display:block; padding:0 0 20px 3%; margin:0; float:left;}
.series_type .type_picup > li img{float:left; display:block;}
.series_type .type_picup > li b{display:block; margin-left:95px; margin-bottom:5px; color:#cc1533; font-size: 14px; font-size: 1.4rem;}
.series_type .type_picup > li p{display:block; margin-left:95px; color:#333; font-size: 12px; font-size: 1.2rem;}

.series_type .type_picup > li ul{display:block; margin-left:115px;}
.series_type .type_picup > li ul li{list-style:disc; color:#333; font-size: 12px; font-size: 1.2rem; margin-bottom:5px;}

.series_type .procedure{border:#eee solid 5px; padding:12px; color:#333;}
.series_type ul + .procedure{margin-top:-25px;}
.series_type .procedure span{margin:0 0 10px; display:block;}
.series_type .procedure span b{background:#444; color:#fff!important; display:inline-block; padding:5px 10px; margin:0 10px 0 0;}
.series_type .procedure h4{background:none; margin:0 0 15px; padding:0; font-size: 18px; font-size: 1.8rem;}
.series_type .procedure h4 span{font-size: 14px; font-size: 1.4rem; margin:0 0 0 10px;}
.series_type .procedure .column4{width:102%; float:left; margin:0 0 0 -2%;}
.series_type .procedure .column4 > li{width:23%; float:left; padding:0 0 10px 2%;}
.series_type .procedure .column4 > li img{margin-bottom:5px; height:auto;}
.series_type .procedure .column5{width:101%; float:left; margin:0 0 0 -1%;}
.series_type .procedure .column5 > li{width:19%; float:left; padding:0 0 15px 1%;}
.series_type .procedure .column5 > li img{margin-bottom:5px;}
.series_type .procedure .column5 > li strong{display:block;}
.series_type .procedure ol > li img{display:block; margin:auto;}
.series_type .procedure ol > li b{display:block; font-size: 16px; font-size: 1.6rem; font-weight:normal; margin:5px 0;}
.series_type .procedure ol > li aside{font-size: 12px; font-size: 1.2rem; display:block; margin:5px 0 0;}
.series_type .procedure ol > li li{list-style:disc; margin-left:15px; font-size: 16px; font-size: 1.6rem; margin:10px 0 10px 20px;}
.series_type + h2{margin-top:60px;}
.series_type table th,.series_type table td{width:25%!important;}
.series_type table td b{border-bottom:#ddd solid 1px; display:block; padding-bottom:5px; margin-bottom:5px;}

/*======================================================================*
 *  [ Media Queries 1040 ] 
 *======================================================================*/

@media screen and (max-width: 1040px) {
.function_name_table,.size_name_table{width:100%;}
}

/*======================================================================*
 *  [ Media Queries 800 ] 
 *======================================================================*/

@media screen and (max-width: 800px) {
	.series_type .procedure .column5 > li{width:24%;}
}

/*======================================================================*
 *  [ Media Queries 730 ] 
 *======================================================================*/

@media screen and (max-width: 730px) {
	.menu-parent{padding-top:0; margin-top:0;} 
	.function_name_table,.size_name_table{display:none;}

	.size_table td strong{display:block; color:#cc1533; font-size: 14px; font-size: 1.4rem; margin-bottom:5px;}
	.size_table{display:block!important; border:none; margin-right: -10px!important; margin-left: -10px !important; width:auto!important;}	
	.size_table tr{display:inline-block!important; min-width:100%!important;}	
	.size_table th{display:block!important; width:100%!important; border:none; background:#999; color:#fff; font-weight:normal; font-size:15px; font-size: 1.5rem; padding:10px; margin:5px 0 10px;}
	.size_table td{display:block!important; width:100%!important; margin:0 0 10px;}
	/* .size_table br{display:none;} */
	.size_table td ul{border-bottom:none;margin-bottom:0;padding-bottom:0;}
	.size_table td li{display:inline-block;}
	.size_table td li::after {display:inline-block;margin:0 0.5em;content:"／";}
	.size_table td li:last-child::after { display:none; }
	.size_table td .spnone { display:none; }
	.size_table td span{display:inline-block; border-bottom:none; margin:0;}
	.size_table td aside{display:none;}
	.size_table td a{padding:10px 25px 10px 10px; background:url(/mc/bikecover/shared/img/icon_arro_right_red.png) no-repeat right center;}

	.size_table .td_none{display:none!important;}
	
	
	.series_type > img{float:none; display:block; margin:auto; width:auto;}
	.series_type .type_detail{float:none; display:block; width:auto; margin:20px 0 0;}
	.series_type > img.op{width:auto!important;}
	.series_type .type_detail.op{width:auto!important;}
	.series_type .type_picup > li{width:47%;}
	
	.series_type .procedure .column4 > li{width:31%;}
	.series_type .procedure .column5 > li{width:32%;}
	.series_type .procedure .column5 > li img{width:100%;}
	.series_type table th{display:none;}
	.series_type table td{width:100%!important; display:block; border:none;}
	.series_type table td:before{background:#999; color:#fff; display:block; padding:10px; margin:-5px -10px 10px;}	
	.series_type table td:nth-of-type(1):before{content:"\30CD\30A4\30AD\30C3\30C9\FF06\30A2\30E1\30EA\30AB\30F3";}
	.series_type table td:nth-of-type(2):before{content:"\30D3\30C3\30B0\30B9\30AF\30FC\30BF\30FC";}
	.series_type table td:nth-of-type(3):before{content:"\30AB\30A6\30EB\30DF\30E9\30FC";}
	.series_type table td:nth-of-type(4):before{content:"\30A2\30E1\30EA\30AB\30F3\FF08\30D5\30EB\88C5\5099\FF09";}
}


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
	.navi_ul{margin-right: -10px!important; margin-left: -15px !important;}	
	.navi_ul li{width:33%; float:left; font-size: 13px; font-size: 1.3rem; font-weight:bold;}
	.navi_ul li span{display:none;}	
	.navi_ul li a{border:#999 solid 2px; display:block; text-align:center; margin-left:5; padding:10px 0; background-color: #ebebeb; background-image: url(/shared/img/bg_common.png); background-size: 3px 3px;}
	.navi_ul li em{border:none; background:#444; color:#fff; display:block; text-align:center; margin-left:5px; padding:12px 0;}
	.navi_ul li em:after { display:none;}
	
	.function_table{display:block!important; border:none; margin-right: -10px!important; margin-left: -10px !important; width:auto!important;}	
	.function_table tr{display:inline-block!important; min-width:100%!important;}	
	.function_table th{display:block!important; width:100%!important; border:none; background:#999; color:#fff; font-weight:normal; font-size:15px; font-size: 1.5rem; padding:10px; margin:5px 0 0;}
	.function_table td{display:inline-block!important; width:auto!important; border:none;}	

	.function_table .td_none{display:none!important;}
	
	.series_type .type_picup > li{width:96%;}
	
	.series_type .procedure .column4 > li{width:48%;}
	.series_type .procedure .column5 > li{width:49%; font-size:11px; font-size:1.1rem;}
}