@charset "utf-8";

/*-----厳選仏壇 赤帯（テキスト化）
------------------------------------------------*/
/* 画像幅475pxを基準に、帯内はすべてem（PCで1em=10px）で指定。SPは枠幅に合わせて自動で縮小 */
.shop_gensen_left,
.shop_gensen_right {
	container-type: inline-size;
	vertical-align: top;
}
.shop_gensen_left img,
.shop_gensen_right img {
	display: block;
	width: 100%;
	height: auto;
}
.shop_gensen_band {
	position: relative;
	height: 10.3em;
	background: #990000;
	font-size: calc(100cqw / 47.5);
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	line-height: 1;
	text-align: left;
	overflow: hidden;
}
.shop_gensen_band p {
	margin: 0;
	padding: 0;
}
.shop_gensen_catch {
	position: absolute;
	top: 0.55em;
	left: 0.5em;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: 0.045em;
	color: #ffffff;
	-webkit-text-stroke: 0.02em #ffffff;
	white-space: nowrap;
}
.shop_gensen_price {
	position: absolute;
	top: 3.9em;
	left: 0;
	width: 100%;
	height: 5.7em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.45) 0, rgba(255, 255, 255, 0) 29em);
}
.shop_gensen_now {
	position: absolute;
	top: 0.14em;
	left: 0.25em;
	font-size: 4.8em;
	font-weight: bold;
	letter-spacing: 0;
	color: #ffff00;
	white-space: nowrap;
}

/* 定価・割引バッジ付き */
.shop_gensen_band_sale {
	height: 10.2em;
}
.shop_gensen_band_sale .shop_gensen_catch {
	top: 0.45em;
	font-size: 1.9em;
	letter-spacing: -0.05em;
	-webkit-text-stroke: 0.03em #ffffff;
	text-shadow: 0 0 0.3em #4a0000, 0 0 0.3em #4a0000, 0 0 0.3em #4a0000;
}
.shop_gensen_band_sale .shop_gensen_price {
	top: 3.4em;
	height: 6.1em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.52) 0, rgba(255, 255, 255, 0) 18em);
}
.shop_gensen_band_sale .shop_gensen_now {
	top: 0.38em;
	left: 4em;
	font-size: 4em;
	letter-spacing: -0.05em;
}
.shop_gensen_tax {
	margin-left: 0.15em;
	font-size: 0.27em;
	letter-spacing: 0;
}
.shop_gensen_regular {
	position: absolute;
	top: 0.8em;
	left: 1.4em;
	color: #000000;
	text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
	white-space: nowrap;
}
.shop_gensen_regular_label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.15em;
}
.shop_gensen_regular_num {
	display: block;
	margin-top: 0.4em;
	font-size: 2.3em;
	letter-spacing: -0.02em;
}
.shop_gensen_regular_num s {
	text-decoration-thickness: 0.08em;
}
.shop_gensen_regular_arrow {
	margin-left: 0.8em;
	font-size: 0.7em;
}
.shop_gensen_off {
	position: absolute;
	top: 1.9em;
	left: 39.7em;
	width: 7.2em;
	height: 7.2em;
	filter: drop-shadow(0 0 0.2em #ffffff);
}
.shop_gensen_off::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #ffff00;
	clip-path: polygon(50% 0%, 54.7% 8.3%, 61.1% 1.3%, 63.9% 10.4%, 71.7% 5%, 72.3% 14.4%, 81.2% 10.9%, 79.7% 20.3%, 89.1% 18.8%, 85.6% 27.7%, 95% 28.3%, 89.6% 36.1%, 98.7% 38.9%, 91.7% 45.3%, 100% 50%, 91.7% 54.7%, 98.7% 61.1%, 89.6% 63.9%, 95% 71.7%, 85.6% 72.3%, 89.1% 81.2%, 79.7% 79.7%, 81.2% 89.1%, 72.3% 85.6%, 71.7% 95%, 63.9% 89.6%, 61.1% 98.7%, 54.7% 91.7%, 50% 100%, 45.3% 91.7%, 38.9% 98.7%, 36.1% 89.6%, 28.3% 95%, 27.7% 85.6%, 18.8% 89.1%, 20.3% 79.7%, 10.9% 81.2%, 14.4% 72.3%, 5% 71.7%, 10.4% 63.9%, 1.3% 61.1%, 8.3% 54.7%, 0% 50%, 8.3% 45.3%, 1.3% 38.9%, 10.4% 36.1%, 5% 28.3%, 14.4% 27.7%, 10.9% 18.8%, 20.3% 20.3%, 18.8% 10.9%, 27.7% 14.4%, 28.3% 5%, 36.1% 10.4%, 38.9% 1.3%, 45.3% 8.3%);
}
.shop_gensen_off span {
	position: absolute;
	left: 0;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}
.shop_gensen_off_rate {
	top: 0.6em;
	font-size: 3em;
}
.shop_gensen_off_txt {
	top: 2.4em;
	font-size: 1.9em;
}
