@charset "UTF-8";

.zoomContainer{
	z-index:0;
	width:0 !important;
	height:0 !important;
}

.detail_main{
	position:relative;
	max-width:450px;
	min-height:76.53061224%;
	margin:0 auto;
}

.detail_main li{
	position:absolute;
	top:0;
	left:0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.detail_main li img{
	width:100%;
	height:auto;

}

.detail_main_img01{
	display:block;
	z-index:100000;
}
.detail_main_img02{
	display:none;
	z-index:10000;
}
.detail_main_img03{
	display:none;
	z-index:10000;
}
.detail_main_img04{
	display:none;
	z-index:10000;
}
.detail_main_img05{
	display:none;
	z-index:10000;
}
.detail_main_img06{
	display:none;
	z-index:10000;
}
.detail_main_img07{
	display:none;
	z-index:10000;
}
.detail_main_img08{
	display:none;
	z-index:10000;
}

.detail_nav01 img{
	margin-top:3%;
}

.detail_maina_x{
	z-index:-1000000;
}



#detail_out{
	text-align: center;
}

.detail_in{
	/* max-width:1140px; */
	max-width: 1100px;
	margin:0 auto;
	/* padding:2% 3.90625% 2% 3.90625%; */
	box-sizing:border-box;
	overflow:hidden;
}

.cat_pankuzu{
	overflow:hidden;
	margin-bottom:2.44140625%
}
.cat_pankuzu li{
	/* float:left; */
	padding:0 3px 0 3px;
	display:inline-block;
	font-size:12px;

}

.cat_pankuzu a{
	color:#6f8c28;
	text-decoration:underline;
}

.cat_pankuzu a:hover{
	text-decoration:none !important;
}

#detail_box01{
	overflow:hidden;
}

#detail_left{
	float:left;
	max-width:588px;
	width:62.28813559%;
	text-align:center;

}

#detail_right{
	float:right;
	max-width:320px;
	width:33.89830508%;
	text-align:left;
}

#detail_ttl{
	color:#311c07;
	font-size:107.1%;
	margin:0;
	padding:0 0 5px 0;
	line-height:25px;
}

#detail_no{
	font-size:85.7%;
	color:#505050;
	padding-bottom:1.5625%;
}

#detail_price{
	color:#311c07;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 1.5625%;
}

#detail_tag{
	overflow:hidden;
	margin-bottom:29.0625%;
}

#detail_tag p{
	float:left;
	font-size:78.6%;
	background-color:#80735d;
	color:#fff;
	border-radius:2px;
	padding:4px 8px;
	margin-right:8px;
	margin-bottom:8px;
}

/* #detail_txt{
	color:#311c07 !important;
	font-size:92.9%;
	line-height:23px;
	padding-bottom:3.125%;
	border-bottom:solid 1px #c3c3c3;
	margin-bottom:3.125%;
}

#detail_txt02{
	color:#505050 !important;
	font-size:85.7%;
	padding-bottom:3.125%;
	margin-bottom:3.125%;
	border-bottom: solid 1px #c3c3c3;
} */
/* .ec-productRoleBtm h3 {
	color: #8c7f75!important;
} */
#detail_txt03{
	/* color: #827e74!important; */
	font-size: 1.3rem;
	/* font-size:78.6%; */
	padding-bottom:3.125%;
}

#detail_txt0302{
	color: #827e74!important;
	/* font-size:78.6%; */
	padding-bottom:3.125%;
  font-size: 1.3rem;
  line-height: 1.6;
}


#cart_btn{
	margin-bottom:6.25%;
	max-width:320px;
	float:left;
}
#cart_btn img{
	width:100%;
}
#cart_btn li{
	float:left;
}

#detail_left02{
	width: 32.8181%;
	margin-right: 4.2727%;
	float:left;

	text-align:left;
	padding-right: 1rem;

}

#detail_pic01{
	padding-right:2.513464991%;
	/* background:url(../images/detail/detail_back02.gif) repeat-x left bottom; */
	border-bottom: 1px dashed #E6E6E6;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
#detail_pic02{
	/* padding-right:1.98%; */
	/* background:url(../images/detail/detail_back02.gif) repeat-x left bottom; */
	border-bottom: 1px dashed #E6E6E6;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

#detail_right02{
	width: 62.9090%;
	float:right;
	text-align:left;
	padding-left: 4.1818%;
	box-sizing:border-box;
	border-left: 1px dashed #E6E6E6;
	/* background: url(../images/detail/detail_back02.gif) repeat-x left bottom; */
}

.detail_in02{
	/* border-bottom:#c3c3c3 solid 1px;
	border-top:#c3c3c3 solid 1px; */
	overflow:hidden;
	/* padding:2.44140625% 0 2% 0; */
}
.detail_txt04{
	font-size:1.3rem;
}

.detail_txt04{
	margin-top:14px;
}

#detail_pic03{
	border-bottom: 1px dashed #E6E6E6;
	/* background: url(../images/detail/detail_back02.gif) repeat-x left bottom; */
	/* padding-bottom: 2rem; */
	margin-bottom: 2rem;
}

#detail_pic03 ul{
	overflow:hidden;
}

#detail_pic03 li{
	float:left;
	margin-right:20px;
	padding-bottom:1px;
}

#detail_pic03 p{
	margin-bottom:14px;
}

/* .detail_in02 h3{
	font-size:92.9%;
	color:#574528 ;
	border-left: solid 3px #aba39b;
	padding-left:3px;
	height:13px;
	line-height:13px;
	margin:0 0 12px 0;

} */
/* .detail_txt05{
	color:#505050;
	font-size:92.9%;
	line-height:23px;
} */

#cart_btn02{
	margin:0 auto;
	padding-bottom:3.90625%;
}

@media only screen and (max-width:960px) {

}

@media only screen and (max-width:640px) {
	#detail_left{
		float: left;
		max-width: 640px;
		width: 100%;
	}

	#detail_right {
		float: right;
		max-width: 640px;
		width: 100%;
		text-align: left;
	}
	#cart_btn{
		margin:0 auto;
		padding-bottom:7%;

	}
	#detail_tag{
		margin-bottom:7%;
	}

	#detail_price{
		padding-bottom:5%;
	}

	#detail_left02{
		float:none;
		width:100%;
		margin:0;
	}

	#detail_right02{
		float:none;
		width:100%;
		padding-left: 0;
	}

	#cart_btn02{
		padding-top:6%;
		padding-bottom:10%;
	}

	#bx-pager{
		text-align:center;

	}

	#address_area .information{
		float:none;
		width:100%;
		padding:0 2% 0 2%;
		box-sizing:border-box;
	}

	#address_area .add_multiple{
		float:none;
		width:100%;
		box-sizing:border-box;
	}

	div#windowcolumn{
		width:100%;
	}
}

@media only screen and (max-width:400px) {

	.voice_out03{
		text-align:center;

	}

	.voice_txt03{
		float:none;
		margin-bottom:2%;
	}

	.review_btn{
		margin:0 auto;
		float:none;
	}
  /*20180507追記*/
  /* #detail_pic03 li {
    width: 13%;
  } */
}

ol, ul, li {
	list-style: none;
}

/* body{  margin:0; font-size:14px; color:#473200; font-family: ‘ヒラギノ角ゴ ProN W3′, ‘Hiragino Kaku Gothic ProN’, ‘メイリオ’, ‘Meiryo’, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif; } */

@media only screen and (max-width: 525px) {
	.element-full-vw {
		width: 100vw !important;
		margin-left: -10px !important;
		border: none !important;
	}
	.ec-sliderItemRole .item_visual {
		margin-left: -10px !important;
		width: 100vw !important;
	}
	.ec-sliderItemRole .item_visual .slide-item {
		width: 100vw !important;
	}
}
.product-detail-in iframe {
	width: 100% !important;
	min-height: 300px;
}
.ec-productRole-block3__item h4 {
	text-align: center;
}
