@charset "UTF-8";

.detail_wrap{
	position:relative;
}

h2.detail_h2{
	font-size:130%;
	line-height:1.3em;
	padding:3px 8px;
	margin-bottom:5px;
	background:#ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 1px 1px 2px #a4a4a4;
	-moz-box-shadow: 1px 1px 2px #a4a4a4;
	-webkit-box-shadow:1px 1px 2px #a4a4a4;
}
h2.detail_h2 .detail_new{
	color:#ff0000;
	font-size:80%;
	padding-left:10px;
}
p.detail_price{/*
	font-size:160%;
	color:#ff0000;
	font-weight:bold;*/
	font-size:90%;
	margin-bottom:5px;
}
p.detail_price span.detail_yen{
	font-size:75%;
	color:#000000;
	font-weight:normal;
	padding:0 5px;
}
p.detail_price .price{
	font-size:150%;
	color:#ff0000;
	font-weight:bold;
}
p.detail_price .hontai{
	font-size:150%;
	font-weight:bold;
}
p.detail_price img{
	vertical-align:baseline;
}
p.detail_tab{
	width:100%;
	padding-bottom:10px;
}
p.detail_tab img{
	width:29.5%;
	height:auto;
	margin: 0 1% 0 0;
}
p.detail_tab img.orico{
	width:34.3%;
	height:auto;
	margin: 0 1% 0 0;
}
.detail_mainpic_wrap{
	position:relative;
	background:#FF9E00;
	background:#F5F2DC;
	height:250px;
	padding:10px;
	overflow-x: auto;
	overflow-y: hidden;
	margin-right: -2.5%;
	margin-left: -2.5%;
	-webkit-overflow-scrolling: touch;
}
.detail_pic_container{
	width:5440px;
	overflow: hidden;
}
.detail_pic_plate{
	display: block;
   float: left;
	width:260px;
	margin-right:12px;
	line-height:1.3em;
}

.detail_wrap .detail_shop {
	background:#787878;
	color:#ffffff;
	padding:5px;
	text-align:center;
	line-height:1.3em;
	margin:8px 0;
}
.detail_wrap .detail_shop .font_s{
	font-size:80%;
}
.detail_wrap .detail_shop a{
	color:#ffffff;
	display:block;
	text-decoration:none;
}


#btn_fixbtm{
	width:97%;
	z-index:100;
	position:fixed;
	bottom:10px;
}
.detail_btn{
	position:fixed;
	bottom:10px;
}
p.detail_btn_shop,
p.detail_btn_tel,
p.detail_btn_ask{
	float:left;
	width:30%;
	margin:1.0%;
	color:#ffffff;
	font-size:90%;
	text-align:center;
	line-height:1.3em;
	padding:0.5em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #a4a4a4;
	-moz-box-shadow: 1px 1px 2px #a4a4a4;
	-webkit-box-shadow:1px 1px 2px #a4a4a4;
}
p.detail_btn_shop{
	background:#1FA3D3;
	background: -moz-linear-gradient(top, #00ccff, #006bd9);
   background: -webkit-gradient(linear, left top, left bottom, from(#00ccff), to(#006bd9));
	border:#51a7ff solid 1px;
}
p.detail_btn_tel{
	background:#ff7800;
	background: -moz-linear-gradient(top, #ffae00, #ed5900);
   background: -webkit-gradient(linear, left top, left bottom, from(#ffae00), to(#ed5900));
	border:#ff9829 solid 1px;
}
p.detail_btn_ask{
	padding:1.15em 0;
	background:#ff0054;
	background: -moz-linear-gradient(top, #ff6698, #dd0049);
   background: -webkit-gradient(linear, left top, left bottom, from(#ff6698), to(#dd0049));
	border:#d2527c solid 1px;
}
p.detail_btn_shop a,
p.detail_btn_tel a,
p.detail_btn_ask a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-shadow: -1px -1px 1px #000;  
}


.detail_wrap td{
	border-bottom:#827868 solid 1px;
	padding-left:10px;
}
.detail_wrap th{
	font-weight:normal;
	width:32%;
	background:#61381d;
	color:#ffffff;
	text-align:center;
	font-size:90%;
}
.detail_bottom{
	padding:10px;
	font-size:90%;
	line-height:1.4em;
	background:#f4f0dd;
	margin-bottom:10px;
}

.detail_wrap h3{/*
	border:#C4C4C4 solid 1px;*/
}
.detail_wrap h3 p.close{
	display:none;
}
.detail_spec,
.detail_condition,
.detail_equipment{
	display:none;
}


.detail_wrap h4.checkpoint{
	color:#3f1b00;
	background:#f4f0dd;
	padding:10px;
	margin-bottom:10px;
}

.detail_point{
	padding-bottom:30px;
}
.detail_spec{
	padding-top:10px;
}
.detail_condition{
	padding-top:10px;
}
.detail_equipment{
	padding-top:10px;
}
.detail_equipment li{
    background-color: #FFDB96;
    border: 1px solid #E79A20;
    color: #666;
	 margin:0.5%;
	 width:48%;
	 float:left;
	 text-align:center;
}
.detail_equipment li.off{
	background-color: #F1F1F1;
	border: 1px solid #D0D0D0;
}


.backtotop{
	text-align:right;
	font-size:90%;
	padding-top:15px;
}
.backtotop a{
	color:#ff6000;
}

/*　2020.4.11追加　3D画像用　*/

.detail_3d_wrap{
	width:100%;
	background:#f5f2dc;
	border:#aa9569 solid 1px;
	padding:8px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 30px;
}
.detail_3d_title{
color: #fff;
  background: #513a0e;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #63563d;
  padding: 2px 0;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  }
 .list_3d{
 box-sizing: border-box;
  text-align: left;
  font-size: 0;
 }
 .list_3d p{
 text-align: center;
 background: #2f3c5c;
 margin-bottom: 2px;
 font-size: 12px;
 color: #fff;
 }
 .list_3d div{
 display: inline-block;
 vertical-align: middle;
 }
 .list_3d_thumb{
 width: 120px;
 background: #000;
 }
 .list_3d_wrap{
 padding: 5px 0;
 box-sizing: border-box;
 margin-right: 10px;
 }
 .list_3d_thumb img{
 width: 100%;
 height: auto;
 opacity: 0.6;
 }
 .list_3d_thumb.selected img{
 opacity: 1;
 }
 
/*　2020.4.14追加　3D画像　3列　*/

 .list_3d_3{
 box-sizing: border-box;
  text-align: center;
  font-size: 0;
 }
 .list_3d_3 div{
 display: inline-block;
 vertical-align: middle;
 }
.list_3d_3 .list_3d_wrap{
padding: 5px 0;
box-sizing: border-box;
margin-right: 1.5%;
width: 31%;
 }
.list_3d_3 .list_3d_thumb{
 width: 100%;
 cursor: pointer;
 background: #000;
 }
.list_3d_3 p{
 text-align: center;
 background: #2f3c5c;
 margin-bottom: 2px;
 font-size: 14px;
 color: #fff;
 }