@charset "UTF-8";
/* ===== メインビジュアル：価格テキストのCSS化（bodyjet） ===== */
/* 位置・サイズは画像幅に対する比率(cqw)。--u はデザインデータ(SVG)の1単位 */
.bj-price-wrap {
	position: relative;
	container-type: inline-size;
}
.bj-price-wrap img {
	display: block;
	width: 100%;
	height: auto;
}
.bj-price {
	position: absolute;
	line-height: 1;
	white-space: nowrap;
	pointer-events: none;
}
.bj-price__lead {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	color: #4c4c4c;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	line-height: 1.11;
}
.bj-price__pill {
	position: absolute;
	display: flex;
	align-items: center;
	background: #ff6964;
	color: #fff;
}
.bj-price__row {
	display: flex;
	align-items: baseline;
	font-family: Bahnschrift, 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
}
.bj-price__count {
	font-size: calc(220 * var(--u));
}
.bj-price__count small {
	font-size: calc(170 * var(--u));
	margin-left: calc(-6 * var(--u));
	position: relative;
	top: calc(-8 * var(--u));
}
.bj-price__yen {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: calc(230 * var(--u));
	letter-spacing: -.1em;
}
.bj-price__num {
	font-size: calc(343 * var(--u));
	letter-spacing: -.02em;
}
.bj-price__comma {
	display: inline-block;
	transform: scale(.9) translateY(-.08em);
	margin: 0 -.02em;
}
.bj-price p {
	margin: 0;
	padding: 0;
}

/* PC（横並び） */
.bj-price--pc {
	--u: calc(100cqw / 5000);
	left: calc(148.8 * var(--u));
	top: calc(606 * var(--u));
}
.bj-price--pc .bj-price__lead {
	top: calc(-7 * var(--u));
	font-size: calc(178.99 * var(--u));
}
.bj-price--pc .bj-price__pill {
	left: calc(2036.22 * var(--u));
	top: calc(32.91 * var(--u));
	width: calc(1922.74 * var(--u));
	height: calc(362.74 * var(--u));
	border-radius: calc(66.09 * var(--u));
	padding-left: calc(140.7 * var(--u));
}
.bj-price--pc .bj-price__count {
	margin-right: calc(110 * var(--u));
}

/* SP（縦積み） */
.bj-price--sp {
	--u: calc(100cqw / 2000);
	left: calc(55.6 * var(--u));
	top: calc(1331 * var(--u));
}
.bj-price--sp .bj-price__lead {
	top: calc(0 * var(--u));
	align-items: center;
	width: calc(1890 * var(--u));
	font-size: calc(171.88 * var(--u));
}
.bj-price--sp .bj-price__pill {
	left: calc(17.42 * var(--u));
	top: calc(483.04 * var(--u));
	width: calc(1855.31 * var(--u));
	height: calc(372.58 * var(--u));
	border-radius: calc(73.42 * var(--u));
	padding-left: calc(107 * var(--u));
}
.bj-price--sp .bj-price__count {
	margin-right: calc(110 * var(--u));
}

.bj-price small {
	display: inline;
	opacity: 1;
	color: inherit;
}
/* 値段を背景（赤い帯）の上下中央に */
.bj-price--pc .bj-price__row {
	transform: translateY(calc(20.6 * var(--u)));
}
.bj-price--sp .bj-price__row {
	transform: translateY(calc(21.2 * var(--u)));
}

/* メインビジュアルが固定ヘッダーに隠れないよう上余白をヘッダー高さ分確保 */
#body_wrap #content { padding-top: 57px !important; }