@charset "UTF-8";
/* ===== 価格テキストのCSS化（acne） ===== */
/* 位置・サイズは画像幅に対する比率。--u はデザインデータ(SVG)の1単位 = 元画像1494px幅の1px */
.acne-price-wrap {
	position: relative;
	container-type: inline-size;
	--u: calc(100cqw / 1494);
}
.acne-price-wrap img {
	display: block;
	width: 100%;
	height: auto;
}
.acne-price,
.acne-fee {
	box-sizing: border-box;
	position: absolute;
	line-height: 1;
	white-space: nowrap;
	pointer-events: none;
}
.acne-price *,
.acne-fee * {
	line-height: 1;
}
.acne-num {
	font-family: "din-2014", 'Barlow Semi Condensed', sans-serif;
	font-weight: 400;
}
.acne-yen,
.acne-sans {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.acne-yen {
	letter-spacing: -.12em;
}

/* --- 41 / 42：通常価格 → キャンペーン価格 --- */
.acne-price {
	left: calc(var(--ox) * var(--u));
	top: calc(var(--oy) * var(--u));
	width: calc(var(--w) * var(--u));
	height: calc(310 * var(--u));
}
.acne-price--41 { --ox: 176; --oy: 471; --w: 1123; --x-now: 420.79; --x-mark: 417; --w-mark: 706; --x-tax: 791; --x-strike: 0; --w-strike: 369; }
.acne-price--42 { --ox: 146.7; --oy: 522; --w: 1192; --x-now: 389.54; --x-mark: 416.28; --w-mark: 776; --x-tax: 880.28; --x-strike: 5.28; --w-strike: 377; }

.acne-price__label {
	position: absolute;
	left: calc(1.21 * var(--u));
	top: calc(64 * var(--u));
	font-size: calc(57.98 * var(--u));
	color: #000;
}
.acne-price__old {
	position: absolute;
	left: calc(-8.32 * var(--u));
	top: calc(121 * var(--u));
	display: flex;
	align-items: baseline;
	color: #000;
	text-decoration: none;
}
.acne-price__old .acne-yen {
	font-size: calc(83.68 * var(--u));
}
.acne-price__old .acne-num {
	font-size: calc(132.54 * var(--u));
	letter-spacing: -.04em;
}
.acne-price__strike {
	position: absolute;
	left: calc(var(--x-strike) * var(--u));
	top: calc(190.5 * var(--u));
	width: calc(var(--w-strike) * var(--u));
	height: calc(7 * var(--u));
	background: #5d84c3;
}
.acne-price__mark {
	position: absolute;
	left: calc(var(--x-mark) * var(--u));
	top: calc(180 * var(--u));
	width: calc(var(--w-mark) * var(--u));
	height: calc(70 * var(--u));
	background: #ffff96;
}
.acne-price__now {
	position: absolute;
	left: calc(var(--x-now) * var(--u));
	top: calc(6 * var(--u));
	display: flex;
	align-items: baseline;
	color: #3e69b0;
}
.acne-price__now .acne-yen {
	font-size: calc(166.73 * var(--u));
}
.acne-price__now .acne-num {
	font-size: calc(264.09 * var(--u));
	letter-spacing: -.02em;
}
.acne-price__tax {
	position: absolute;
	left: calc(var(--x-tax) * var(--u));
	top: calc(270 * var(--u));
	font-size: calc(44.32 * var(--u));
	letter-spacing: .02em;
	color: #3e69b0;
}

/* --- 43：料金表の右列 --- */
.acne-fee {
	left: calc(788 * var(--u));
	width: calc(628 * var(--u));
	height: calc(256 * var(--u));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ea5e92;
}
.acne-fee--r1 { top: calc(356 * var(--u)); }
.acne-fee--r2 { top: calc(616 * var(--u)); }
.acne-fee--r3 { top: calc(876 * var(--u)); align-items: flex-end; padding-right: calc(149 * var(--u)); }
.acne-fee__sub {
	font-size: calc(53.88 * var(--u));
	margin-bottom: calc(8 * var(--u));
}
.acne-fee__price {
	display: flex;
	align-items: baseline;
}
.acne-fee__price .acne-yen {
	font-size: calc(77.76 * var(--u));
}
.acne-fee__price .acne-num {
	font-size: calc(123.16 * var(--u));
	letter-spacing: -.03em;
}
.acne-fee__from {
	font-size: calc(74.34 * var(--u));
	position: relative;
	top: calc(-9 * var(--u));
}
.acne-fee--r3 .acne-fee__price .acne-yen {
	font-size: calc(71.53 * var(--u));
}
.acne-fee--r3 .acne-fee__price .acne-num {
	font-size: calc(113.3 * var(--u));
}
.acne-fee--r3 .acne-fee__price + .acne-fee__price {
	margin-top: calc(4 * var(--u));
}