@charset "UTF-8";
/* ===== メインビジュアル：価格テキストのCSS化（botox） ===== */
/* 位置・サイズは画像幅に対する比率(cqw)。--u はデザインデータ(SVG)の1単位 */
.bo-price-wrap {
	position: relative;
	container-type: inline-size;
}
.bo-price-wrap img {
	display: block;
	width: 100%;
	height: auto;
}
.bo-price {
	position: absolute;
	line-height: 1;
	white-space: nowrap;
	pointer-events: none;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.bo-price__tag {
	position: absolute;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border-style: solid;
	border-color: #fff;
}
.bo-price__head {
	display: flex;
	align-items: center;
	justify-content: center;
}
.bo-price__name {
	font-size: calc(26.22 * var(--u));
}
.bo-price__unit {
	font-size: calc(18 * var(--u));
}
.bo-price__area {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff;
	color: #e8beac;
	font-size: calc(17 * var(--u));
}
.bo-price__main {
	position: absolute;
	display: flex;
	align-items: baseline;
	font-family: "urw-din", sans-serif;
	font-weight: 500;
}
.bo-price__yen {
	display: inline-block;
	transform: scaleX(.83);
	transform-origin: left bottom;
}
.bo-price__num {
	letter-spacing: -.01em;
}
.bo-price__comma {
	font-size: .572em;
	letter-spacing: -.04em;
}
.bo-price__tax {
	position: absolute;
	font-weight: 700;
	font-size: calc(20.97 * var(--u));
}

/* PC */
.bo-price--pc {
	--u: calc(100cqw / 1060);
	left: calc(613.5 * var(--u));
	top: calc(467 * var(--u));
}
.bo-price--pc .bo-price__tag {
	left: calc(19.9 * var(--u));
	top: 0;
	width: calc(389.5 * var(--u));
	height: calc(68.5 * var(--u));
	border-width: calc(1.94 * var(--u));
}
.bo-price--pc .bo-price__head {
	flex: 1;
	gap: calc(12 * var(--u));
}
.bo-price--pc .bo-price__name {
	letter-spacing: .08em;
}
.bo-price--pc .bo-price__area {
	flex: 1;
}
.bo-price--pc .bo-price__main {
	left: calc(22.07 * var(--u));
	top: calc(80 * var(--u));
	font-size: calc(104.9 * var(--u));
}
.bo-price--pc .bo-price__yen {
	font-size: calc(72.7 * var(--u));
	margin-right: calc(-9 * var(--u));
}
.bo-price--pc .bo-price__tax {
	left: calc(332.03 * var(--u));
	top: calc(149 * var(--u));
}

/* SP */
.bo-price--sp {
	--u: calc(100cqw / 750);
	left: calc(43 * var(--u));
	top: calc(874 * var(--u));
}
.bo-price--sp .bo-price__tag {
	left: 0;
	top: 0;
	width: calc(196.7 * var(--u));
	height: calc(119 * var(--u));
	border-width: calc(3.15 * var(--u));
}
.bo-price--sp .bo-price__head {
	flex-direction: column;
	height: calc(60 * var(--u));
	padding-top: calc(4 * var(--u));
	gap: calc(4 * var(--u));
}
.bo-price--sp .bo-price__area {
	flex: 1;
	letter-spacing: .1em;
	line-height: 1.35;
	white-space: normal;
}
.bo-price--sp .bo-price__main {
	left: calc(229.33 * var(--u));
	top: calc(-22 * var(--u));
	font-size: calc(139.79 * var(--u));
}
.bo-price--sp .bo-price__yen {
	font-size: calc(103.92 * var(--u));
	margin-right: calc(-16 * var(--u));
}
.bo-price--sp .bo-price__tax {
	left: calc(566 * var(--u));
	top: calc(120 * var(--u));
}

.bo-price p {
	margin: 0;
	padding: 0;
}
