@charset "utf-8";
/*----------------------------------------------------
	基本情報
----------------------------------------------------*/
/*	全体・汎用
------------------------------------ */
a:hover img {
	opacity: 0.7;
	transition: all 0.4s;
}
.saleArea div , .saleArea p , .saleArea span, .saleArea ul ,figure {
	margin: 0;
	padding: 0;
}
.saleArea ul{list-style: none;}
.saleArea img {vertical-align:bottom;}

/*	title
------------------------------------ */
.title1 {
	background: #bf0000;
	margin: 3% 0 2%;
	padding: 2% 2%;
	text-align: center;
	color: #ffffff;
	font-size: clamp(18px, 3vw, 34px);
}
.title1 span {
	font-size: clamp(15px, 2.3vw, 27px);
}
/*----------------------------------------------------
	限定商品
----------------------------------------------------*/
.saleArea  {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 0 0 5%;
}
.saleArea ul {}
.saleArea ul li {
	display: flex;
	border: double 5px #bf0000;
	margin: 3% 0;
	padding: 3%;
}
.saleArea ul li figure {
	width: 46%;
}
.saleArea .specBox {
	width: 54%;
	padding-left: 3%;
	font-weight: bold;
}
.saleArea .specBox h3 {
	margin: 0 0 2%;
	color: #66020a;
	font-size: clamp(18px, 3.2vw, 28px);
	line-height: 1.3;
	font-weight: bold;
}
.saleArea .specBox .comment {
	font-size: clamp(13px, 1.8vw, 20px);
}
.saleArea .specBox .price {
	margin: 1% 0 2%;
	color: #bf0000;
	font-size: clamp(18px, 3.2vw, 28px);
}
@media only screen and (max-width: 786px) {
.saleArea ul li {
	display: block;
}
.saleArea ul li figure {
	width: 100%;
	margin: 0 0 2%;
}
.saleArea .specBox {
	width: 100%;
	padding-left: 0;
}
}