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



/* detail link */
#detail_link ul{
	display:-webkit-box;
	display:-moz-box;
	display:flex;
	font-weight:bold;
}
#detail_link ul li:nth-child(2){
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex-grow:1;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
}

#detail_link ul li > a,
#detail_link ul li > span{
	display:block;
	background:#00b1ee;
	color:#fff;
	font-weight:bold;
	line-height:44px;
}
#detail_link ul li:nth-child(1) > a,
#detail_link ul li:nth-child(1) > span{
	background:#00b1ee url(../images/detail/link_prev.png) no-repeat left center;
	background-size:25px auto;
	padding:0 20px 0 35px;
	text-align:left;
}
#detail_link ul li:nth-child(3) > a,
#detail_link ul li:nth-child(3) > span{
	background:#00b1ee url(../images/detail/link_next.png) no-repeat right center;
	background-size:25px auto;
	padding:0 35px 0 20px;
	text-align:right;
}
#detail_link ul li > span{
	background-color:#8c8c8c !important;
}
#detail_link ul li:nth-child(2) > a{
	text-align:center;
}
#detail_link ul li:nth-child(2) > a > span{
	background:url(../images/detail/link_return.png) no-repeat left center;
	background-size:12px auto;
	padding-left:22px;
}


/* content */
#content{
	padding:10px 5px 0 5px;
}


/* nav tab */
#detail_tab{
	display:-webkit-box;
	display:-moz-box;
	display:flex;
}
#detail_tab li{
	background:#8c8c8c;
	width:20%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#detail_tab li:nth-child(1),
#detail_tab li:nth-child(2){
	border-right:2px solid #d9d9d9;
}
#detail_tab li:nth-child(4),
#detail_tab li:nth-child(5){
	border-left:2px solid #d9d9d9;
}
#detail_tab li.on{
	background:#fff;
}
#detail_tab li a{
	display:block;
	border-bottom:2px solid #d9d9d9;
	height:43px;
	
	color:#FFFFFF;
	font-size:10px;
	line-height:43px;
	text-align:center;
}
#detail_tab li.on a{
	color:#505055;
	border-bottom:2px solid #FFF;
}


/* tab共通 */
.tab_inner{
	background:#fff;
	padding:10px;
}
.tab_inner section h1{
	background:#505055;
	padding:10px;
	
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	line-height:1;
}

/* tab head */
#tab_head{
	display:table;
	background:#fff;
	width:100%;
	padding:10px 10px 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tab_head .img_box{
	display:table-cell;
	border:1px solid #d9d9d9;
	text-align:center;
	vertical-align:middle;
	width:100px;
	height:100px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tab_head .img_box img{
	width:auto;
	height:auto;
	max-width:80px;
	max-height:80px;
}
#tab_head .txt_box{
	display:table-cell;
	padding:1px 0 0 10px;
}
#tab_head .txt_box p:nth-child(1){
	color:#505055;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
}
#tab_head .txt_box p:nth-child(2){
	padding:10px 0 0;
}


/* tab attention */
#tab_attention{
	padding:10px 10px 0 10px;
	background:#FFFFFF;
}
#tab_attention > dl > dt{
	background:#fff url(../images/common/icon_open.png) no-repeat right center;
	background-size:20px auto;
	padding:15px 30px 16px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	font-weight:bold;
	border:1px solid #CCC;
}
#tab_attention > dl > dt.open{
	background-image:url(../images/common/icon_close.png);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.exclusive_list{
	margin:0;
	padding:10px 0 0 0;
	border-bottom:1px solid #d9d9d9;
	font-size:12px;
}
.exclusive_list li{
	background:url(../images/detail/icon_attention.png) no-repeat left top;
	background-size:15px auto;
	padding:0 0 5px 20px;
}
.exclusive_list li dt{
	font-weight:bold;
}
.exclusive_list li dd{
	padding:0 0 5px;
}
.attention_list{
	padding:10px 0 0 0;
	font-size:12px;
}
.attention_list li{
	background:url(../images/detail/icon_attention.png) no-repeat left top;
	background-size:15px auto;
	padding:0 0 10px 20px;
}


/* tab1 */
#tab1{
	padding:10px 10px 0;
}
#tab1 .preview{
	padding:10px;
	border:1px solid #d9d9d9;
	margin:0 0 10px;
	overflow:hidden;
}
#tab1 .preview:before{
	content:"";
	display:block;
	padding-top:100%;
    float:left;
    width:0;
}
#tab1 .preview_inner{
	overflow:hidden;
	background:no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
}
#tab1 .preview_inner:before{
	content:"";
	display:block;
	padding-top:100%;
    float:left;
    width:0;
}
#tab1 h1{
	font-size:15px;
}



/* tab2 */
#tab2{
}
#tab2 #tab2_box_01 li{
	border-bottom:1px solid #d9d9d9;
	padding:8px 10px;
}
#tab2 #tab2_box_01 dt{
	font-weight:bold;
}
#tab2 #tab2_box_01 dd{
	padding:4px 0 0;
}
#tab2 #tab2_box_02 li{
	border-bottom:1px solid #d9d9d9;
	padding:8px 10px;
	font-weight:bold;
}
#tab2 #tab2_box_02 dd{
	font-size:15px;
	padding:4px 0 0;
}
#tab2 #tab2_box_03{
}
#tab2 #tab2_box_03 .notice_list{
	list-style:disc outside;
	padding:10px 10px 0 0;
	margin-left:25px;
}
#tab2 #tab2_box_03 .notice_list li{
	font-size:12px;
	padding:0 0 10px 0;
}
#tab2 #tab2_box_03 .notice_list li:last-child{
	padding:0;
}
#tab2 #tab2_box_01 li:last-child,
#tab2 #tab2_box_02 li:last-child{
	border-bottom:none;
}
#tab2 #tab2_box_01 a,
#tab2 #tab2_box_02 a,
#tab2 #tab2_box_03 .notice_list a{
	text-decoration:underline;
}

#tab2 #tab2_box_03 .attention_list{
	border-bottom:1px solid #d9d9d9;
}



/* tab3 */
#tab3{
}
#tab3 .price{
	padding:0 0 10px 0;
	font-weight:bold;
}
#tab3 .price dt{
	font-size:15px;
}
#tab3 .price dd{
	font-size:20px;
}
#tab3 .detail{
	position:relative;
	background:#f2f2f2;
	padding:10px;
	font-size:12px;
	font-weight:bold;
}
#tab3 .detail dt{
	position:absolute;
}
#tab3 .detail dd{
	padding:0 0 5px 120px;
}
#tab3 .detail dd:last-of-type{
	padding:0 0 0 120px;
}

#tab3 #size li{
	border-bottom:1px solid #d9d9d9;
	padding:10px;
	line-height:1.3;
}
#tab3 #size li:last-child{
	border-bottom:none;
	padding:10px 10px 0 10px;
}
#tab3 #price_zone{
}
#tab3 #price_zone_inner{
	display:table;
	border-bottom:1px solid #d9d9d9;
	padding:10px;
	width:100%;
	font-weight:bold;
	line-height:1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tab3 #price_zone_inner p{
	display:table-cell;
	font-size:11px;
}
#tab3 #price_zone_inner p span{
	display:inline-block;
	background:#00b1ee;
	padding:2px 5px;
	color:#fff;
}
#tab3 #price_zone_inner div{
	display:table-cell;
	width:70px;
}
#tab3 #price_zone_inner div a{
	display:block;
	background:url(../images/detail/link_price.png) no-repeat right center;
	background-size:15px auto;
	padding:0 20px 0 5px;
	height:34px;
	border:1px solid #505055;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#505055;
	font-size:12px;
	text-align:center;
	line-height:34px;
}
#tab3 #price_zone_detail{
	padding:10px 10px 0 10px;
}
#tab3 #price_zone_detail .price dd{
	font-size:15px;
}
#tab3 #price_zone_detail .attention{
	padding:0 0 10px 0;
	color:#f00;
	font-weight:bold;
	line-height:1.3;
}



/* tab4 */
#tab4{
}
#tab4 p{
	margin-top:10px;
}
#tab4 .item_list_img{
	border-top:1px solid #d9d9d9;
}
#tab4 .item_list_img li{
	border-left:1px solid #d9d9d9;
}
#tab4 .item_list_img li:nth-child(2n) {
	border-left:1px solid #fff;
	border-right:1px solid #d9d9d9;
}



/* tab5 */
#tab5{
}
#tab5 p{
	padding:10px 0;
	font-size:12px;
}
#tab5 ul{
	border:1px solid #d9d9d9;
	border-width:1px 1px 0 1px;
	width:100%;
	overflow:hidden;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tab5 li{
	float:left;
	display:table;
	width:50%;
	height:35px;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tab5 li:nth-child(2n){
	border-right:none;
}
#tab5 li .f_cb{
	display:table-cell;
	background:url(../images/common/form_check.png) no-repeat 10px center;
	background-size:9px auto;
	padding:0 5px 0 25px;
	vertical-align:middle;
	
	font-size:10px;
	font-weight:bold;
	line-height:1.3;
}
#tab5 li .f_cb.checked{
	background:#f2f2f2 url(../images/common/form_check_on.png) no-repeat 10px center;
	background-size:9px auto;
}
#tab5 .f_cb input{
	display:none;
}
#tab5 .btn_box{
	padding:10px;
	border:1px solid #d9d9d9;
	border-width:0 1px 1px 1px;
}

/* アクション系 */
#detail_control{
	margin:0 0 10px 0;
	padding:10px 10px 0;
	background:#fff;
}

.ct_lightbox{
	border-top:1px solid #d9d9d9;
	padding:10px 0;
}
.ct_cart{
	border-top:1px solid #d9d9d9;
	padding:10px 0;
}

/* シェア */
#detail_share{
	margin:10px 0;
	line-height:1;
}
#detail_share dl{
	padding:10px 10px 0 10px;
}
#detail_share dt{
	color:#505055;
	font-size:13px;
	font-weight:bold;
}
#detail_share dd{
	padding:10px 0;
}
#detail_share ul{
	display:table;
	padding:0 10px 10px 10px;
}
#detail_share ul li{
	display:table-cell;
	padding:0 10px 0 0;
	vertical-align:bottom;
}
#detail_share ul li:last-child{
	padding:0;
}
#detail_share ul li a{
	display:table-cell;
	height:50px;
	width:50px;
	text-align:center;
	vertical-align:middle;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#detail_share ul li:nth-child(1) a{
	background:#305097;
}
#detail_share ul li:nth-child(2) a{
	background:#55aced;
}
#detail_share ul li:nth-child(3) a{
	background:#dd4b39;
}
#detail_share ul li:nth-child(4) a{
	background:#5ae628;
}
#detail_share ul li:nth-child(5) a{
	background:#00b1ee;
}