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

#section-product {
}
#section-product .item-block {
}
#section-product .item-block .photo-block {
}
#section-product .item-block .photo-block figure {
	border:1px solid #CCC;
	width:588px;
	height:auto;
}
#section-product .item-block .photo-block figure img {
	width:586px;
	height:586px;
	object-fit:contain;
	font-family: 'object-fit: contain;'; /*IE対策*/
}

.thumb-block {
	margin-top:2px;
}
.thumb-block ul {
}
.thumb-block ul li {
	float:left;
	width:116px;
}
.thumb-block ul li img {
	width:116px;
	height:116px;
}
.thumb-block ul li + li {
	margin-left:2px;
}
.thumb-block ul li:nth-of-type(5n+1) {
	margin-left:0;
}
.thumb-block ul li:nth-of-type(n+6) {
	margin-top:2px;
}

h3.name {
	margin-top:1.8rem;
	font-size:1.2rem;
	line-height:1.6;
}
div.item-code {
	margin-top:0.2rem;
	font-size:0.866rem;
	line-height:1.8;
}
div.item-text {
	margin-top:1.5rem;
	font-size:1rem;
	line-height:1.8;
}

table.item_custom_field {
	width:100%;
	margin-top:1.5rem;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:1rem;
	line-height:1.6;
}
table.item_custom_field tr {
}
table.item_custom_field tr th {
	width:10rem;
	padding:0.5rem 1rem;
	background:#F3F3F3;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	color:#8C6800;
	text-align:center;
	vertical-align:middle;
}
table.item_custom_field tr td {
	padding:0.5rem 1rem;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
}

.skuform {
	margin-top:1.5rem;
	padding:2rem;
	background:#F3F3F3;
	font-size:1rem;
	line-height:1.8;
}

dl.item-sku {
    display:table;
	width:100%;
    margin:0;
    padding:0 !important;
	margin-bottom:1rem !important;
	background:#F9F9F9;
	border:none !important;
	border-top:1px solid #CCC !important;
}
dl.item-sku dt, dl.item-sku dd {
    display:table-cell;
	padding:0.5rem 1rem !important;
	background:none;
	border:none !important;
	border-right:1px solid #CCC !important;
	border-bottom:1px solid #CCC !important;
    text-align:left;
}
dl.item-sku dt {
    font-weight:bold;
	text-align:center;
	width:8rem;
	padding:0.5rem 0;
	white-space:nowrap;
}
dl.item-sku dd {
	border-right:none !important;
}

.field {
}
.field_price {
	display:inline-block;
	color:#8C6800;
	font-size:1.2rem;
	font-weight:bold;
}
.field_price em {
	font-style:normal;
}

.zaikostatus,
.frequency {
	display:inline-block;
	margin-left:1rem;
}

.c-box {
	margin-top:0.5rem;
}
.skuquantity {
	margin-left:0.5rem;
	padding:0 !important;
	width:4rem;
	height:2.4rem;
	text-align:center;
}
.skubutton {
	border:none;
	border-radius:0;
	width:12rem;
	height:2.4rem;
	background:#8C6900;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
.skubutton:hover {
	opacity:.8;
}





@media screen and (max-width: 812px) {
	#section-product .item-block .photo-block figure {
		width:100%;
	}
	#section-product .item-block .photo-block figure img {
		width:calc(90vw - 2px);
		height:calc(90vw - 2px);
	}
	
	table.item_custom_field tr th,
	table.item_custom_field tr td {
		display:block;
		width:100%;
		text-align:left;
	}
	
	.skuform {
		margin-top:5vw;
		padding:4vw;
	}
	
	dl.item-sku {
		display:block;
	}
	dl.item-sku dt, dl.item-sku dd {
		display:block;
		width:100%;
		border-right:none !important;
		text-align:left;
	}
	
	.field {
	}
	.field_price {
		display:inline-block;
		color:#8C6800;
		font-size:1.2rem;
		font-weight:bold;
	}
	.field_price em {
		font-style:normal;
	}
	
	.zaikostatus,
	.frequency {
		display:inline-block;
		margin-left:1rem;
	}
	
	.c-box {
		margin-top:0.5rem;
	}
	input[type="text"].skuquantity {
		-webkit-appearance:none;
		border-radius:0;
		height:3rem;
	}
	.skubutton {
		-webkit-appearance:none;
		width:13rem;
		height:3rem;
	}
}

/* add new tag style */
#section-product .item-block .photo-block {
	position: relative;
}

#section-product .item-block .photo-block .tag-new {
	position: absolute;
	top: 0;
	left: 0;
	padding: 16px 25px;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 0.44px;
	color: #fff;
	background-color: #D32228;
}

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

	#section-product .item-block .photo-block .tag-new {
		padding: 12px 20px;
		font-size: 16px;
		letter-spacing: 0.32px;
	}
}