@charset "euc-jp";

/*shop_detail.css*/

#content.detail{
	max-width: 1136px;
	margin: 0 auto;
	text-align:left;
}


@media (min-width:1023.98px){

	#main_bnr{
		height: 100px;
	}

	#content.detail{
		padding:30px 32px 136px;
	}

	div.inner{
		display: flex;
		flex-direction: row;
	}
}
@media (max-width:1023.98px){

	#main_bnr{
		height: 100px;
	}

	#content.detail{
		padding:0 32px 136px;
	}

	div.inner{
		display: block;
	}
}

@media screen and (max-width:639.98px){
	#main_bnr{
		height: 0;
	}

	#content.detail{
		padding:0 32px 136px;
	}

	div.inner{
		display: block;
	}
}


/*left side*/
#photo_part{
	padding:0;
	/* background-color: #FF0000; */
	/* min-height: 46vw; */
}

@media (min-width:1023.98px){
	#photo_part{
		width:50%;
	}
}

@media (max-width:1023.98px){
	#photo_part{
		width:100%;
	}
}

div#item_photo{
	margin: 0;
	padding: 0;
	position:relative;
}

@media (min-width:1023.98px){
	div#item_photo{
		min-height:397px;
	}

}
@media (max-width:1023.98px){
	div#item_photo{
		min-height:70vw;
	}

}

div#item_photo img{
	width: 100%;
	height: auto;
}

div#item_photo p.main_img {
	position:absolute;
	margin: 0;
	padding: 0;
}

div#thumb_list {
	display: flex;
	flex-wrap: wrap;
	margin: 5px 0 0;
}

div#thumb_list div{
	display:block;
	/* width: 20%; */
	/* height: auto; */
	background-size:133% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	list-style: none;
}


div#thumb_list div a{
	display: block;
}

@media (min-width:1023.98px){
	div#thumb_list div{
		width: 20%;
		height: 100px;
	}

	div#thumb_list div a{
		height: 100px;
	}

}
@media (max-width:1023.98px){
	div#thumb_list div{
		width: 33%;
		min-height: 25vw;
	}

	div#thumb_list div a{
		min-height: 25vw;
	}

}

div#thumb_list div a.selected{
	box-sizing:border-box;
	border: 10px solid #c5c5c5;
}

/*right side*/
div#detail_part{
	text-align:left;
	/* background-color: #00FF00; */
}
@media (min-width:1023.98px){
	#detail_part{
		width:48%;
		padding:0 10px 0 2rem;
	}

	ul.tab li{
		font-size:11px;
	}

	#tab01,#tab02{
		font-size:12px; 
	}

}
@media (max-width:1023.98px){
	#detail_part{
		width:100%;
		padding:2rem 10px 0;
	}

	ul.tab li{
		font-size:0.9rem;
	}

	#tab01,#tab02{
		font-size:1rem; 
	}
}
ul.tab li{
	float:left; 
	margin:0 24px 24px 0;
	padding:0 0px 0;
	border-bottom:2px solid #666666;
}

ul.panel li{
	margin:0 0 36px; 
	padding:0 0 12px;
	border-bottom:5px solid #f1f1f1;
}

dl#detail_info dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl#detail_info dl {
	width: 300px;
}

dl#sample1 dt,dd {
	padding: 3px;
}

dl#detail_info dt {
	clear: left;
	float: left;
	width: 80px;
}

dl#detail_info dd {
	margin-left: 80px;
}

.text{
	margin:0 0 36px;
}