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

#section-product {
}
#section-product .product-block {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	margin-right:-30px;
	margin-bottom:-30px;
}
#section-product .product-block .product-box {
	width:176px;
	margin-right:30px;
	margin-bottom:30px;
}
#section-product .product-block .product-box a {
	display:block;
}
#section-product .product-block .product-box a figure {
	border:1px solid #CCC;
	width:176px;
	height:176px;
}
#section-product .product-block .product-box a figure img {
	width:174px;
	height:174px;
	object-fit:contain;
	font-family: 'object-fit: contain;'; /*IE対策*/
}
#section-product .product-block .product-box a .name {
	display:inline-block;
	margin-top:0.8rem;
	font-size:0.933rem;
	line-height:1.6;
}
#section-product .product-block .product-box a .price {
	display:inline-block;
	margin-top:0.5rem;
	color:#8C6800;
	font-size:0.933rem;
	font-weight:bold;
	line-height:1.6;
}
#section-product .product-block .product-box a .price em {
	font-style:normal;
}

/* 2024/04/17 追加 */
#section-product .product-block .product-box a .status {
	display:inline-block;
	font-size:0.933rem;
	line-height:1.6;
	color:#ff0000;
}



@media screen and (max-width: 812px) {
	#section-product .product-block {
		margin-right:-4vw;
		margin-bottom:-6vw;
	}
	#section-product .product-block .product-box {
		width:43vw;
		margin-right:4vw;
		margin-bottom:6vw;
	}
	#section-product .product-block .product-box a figure {
		border:1px solid #CCC;
		width:43vw;
		height:43vw;
	}
	#section-product .product-block .product-box a figure img {
		width:calc(43vw - 2px);
		height:calc(43vw - 2px);
	}

}

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

#section-product .product-block .product-box .tag-new {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	background-color: #D32228;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.2px;
	color: #fff;
}