@charset "EUC-JP";

@import url("https://www.ecshopserver.net/js/slick/slick.css");
@import url("https://www.ecshopserver.net/js/slick/slick-theme.css");
@import url("https://www.ecshopserver.net/js/lightbox2/css/lightbox.css");

/* IE以外のモダンWEBブラウザ向けの指定 */
#itemExp:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

 /* IE7及びMac版IE5向けの指定 */

#itemExp {display:inline-block;}

 /* IE6以前向けの指定 */

/* Hides from IE-mac \*/
*html#itemExp{height:1%;}
#itemExp {display:block;}
.clear {clear: both;font-size: 1px;line-height: 1px;}
/* End hide from IE-mac */

#photoSCT,
#itemDataSCT{
	margin-bottom: 50px;
}

/*--------------------------------------

写真セクション

--------------------------------------*/
#photoSCT {
		width: 400px;
		float: left;
}

#mainPh{
	margin-bottom: 8px;
	aspect-ratio: 1 / 1;
	background-color: #FFF;
	display: flex;
	align-items: center;
	align-content: center;
}
#mainPh img{
	height: 100%;
	object-fit: contain;
}

#subPh{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#subPh a{
	aspect-ratio: 1 / 1;
	background-color: #FFF;
	display: flex;
	align-items: center;
	align-content: center;
}

#subPh img{
	height: 100%;
	object-fit: contain;
}


#itemDataSCT {
		margin-left: 420px;
}


#itemArea #itemDataSCT h1 {
		font-size: 150%;
		line-height: 1.4;
		border-bottom: 1px solid #CCC;
		padding-bottom: 10px;
		margin-bottom: 10px;
}

#itemArea #itemDataSCT table {
		margin-bottom: 5px;
		text-align: left;
}
#itemArea #itemDataSCT table s {
		text-decoration: line-through;
}

#itemArea #itemDataSCT table .redPrice {
		color: #F00;
}

#itemArea #itemDataSCT table .blackPrice {
		color: #000;
}

#itemArea #itemDataSCT table .redPrice strong {
		font-family: "Arial Black", Gadget, sans-serif;
		padding-left: 0.5em;
}
#itemArea #itemDataSCT table .redPrice .redPriceSize {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	    font-weight: bold;
}


#itemArea #itemDataSCT table th {
		padding-right: 1em;
		font-weight: normal;
		color: #666;
}
#itemArea #itemDataSCT table th,
#itemArea #itemDataSCT table td {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		vertical-align: middle;
}

#itemArea #itemDataSCT .option {
		font-size: 90%;
}



#itemArea #itemDataSCT p#tokushoho {
		font-size: 90%;
		padding-top: 5px;
		padding-bottom: 10px;
}

#itemArea #itemDataSCT ul.itemFunction {
		border: 1px solid #E8EBEC;
		padding: 7px;
		margin-bottom: 15px;
		font-size: 92.5%;
		line-height: 1.5;
}
#itemArea #itemExp {
		clear: both;
		padding-top: 15px;
		padding-bottom: 30px;
		margin-bottom: 20px;
}
#itemArea #itemExp h2 {
		font-size: 120%;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #CCC;
}

#itemArea #itemExp ol,
#itemArea #itemExp ul {
		margin-left: 2em;
		margin-bottom: 0.5em;
}

#itemArea #otherItem  {
	clear: both;
	border: 1px solid #CCC;
	background-color:#FFFFFF;
	margin-bottom: 25px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#itemArea #otherItem h4 {
	font-size: 1.2em;
	margin-bottom: 20px;
	color: #FFF;
	margin-right: 20px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FF8000;
}
#itemArea #otherItem .otherItemBox {
	margin-right: 26px;
	float: left;
	width: 210px;
}


#itemArea #otherItem img {
		display: block;
		margin-bottom: 0.5em;
}
#itemArea #otherItem .otherName {
		font-size: 1em;
		line-height: 1.2;
}



#itemArea #itemTB {
	background: #EFEFEF;
	font-size: 92.5%;
	padding: 7px;
	clear: both;
	color: #666;
	margin-top: 20px;
}

#itemArea #itemTB strong {
		margin-right: 1em;
}


/* 詳細のバック */

#itemArea div#back {
	width:730px; 
	background-color:#FFFFFF; 
	padding:10px 10px 20px 10px;
}



/* 商品表組みフロート設定　ここから */

 dl#box {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	border: 2px #EEEEEE solid;
}
dl dt#box {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
}
dl dd#box {
	padding: 10px 0 10px 8em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}


/*商品表組みフロート設定　ここまで */

/* レシピ ここから */

div.recipe1{
    width:700px;
    border-top:dashed 2px #C49C20;
    margin:10px 0px;   
    overflow:hidden;
}
img.recipe2{  
     width: 150px;  
     float: left; 
     margin-top: 5px; 
     margin-right: 10px; 
} 
p.recipe3{  
     margin-top: 10px; 
     font-size: 14px; 
} 


/* レシピ ここまで */


#toppage #listPage .SCT {
		margin-bottom: 30px;
}


#toppage #listPage .SCT {
		margin-bottom: 30px;
}

#listPage h2 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
}

#listPage #sort {
		margin-bottom: 5px;
}
#listPage .okuri {
		font-size: 92.5%;
		margin-bottom: 20px;
		clear: both;
}

#listPage div.listbox {
		float: left;
		width: 220px;
		margin-right: 20px;
		margin-bottom: 45px;
}

#listPage div.listbox .itemName {
		display: block;
		padding-top: 5px;
}

#listPage div.listbox .itemPrice {
		color: #000;
}

#listPage div.listbox .itemPrice s {
		color: #333;
		text-decoration: line-through;
		margin-right: 0.5em;
}

#listPage div.listbox .itemPrice strong {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-left: 0.5em;
}

#listPage .listbox .s_exp {
		font-size: 92.5%;
		display: block;
		line-height: 1.2;
}



.photo_slide{
	margin-bottom: 10px!important;
}
	
/*Slickにより生成されるwrap（中には写真）*/
.slick-slide {
	aspect-ratio: 1 / 1;
	background-color: #FFF;
  width:400px!important;
  height: 400px!important;
}
.slick-slide img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center; 
}
ul.thumbs_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.thumbs_list{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 2% ;
}
.thumbs_list li{
	width: 23.5%;
	aspect-ratio: 1 / 1;
	list-style-type: none;
	cursor: pointer;
}