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

/* PC */
.ala-price--pc {
	--u: calc(100cqw / 1060);
	left: calc(592.7 * var(--u));
	top: calc(467 * var(--u));
	width: calc(438 * var(--u));
	height: calc(160 * var(--u));
}
.ala-price--pc .ala-price__tag {
	left: 0;
	top: 0;
	width: calc(435.8 * var(--u));
	height: calc(33.9 * var(--u));
}
.ala-price--pc .ala-price__name {
	flex: 0 0 calc(214 * var(--u));
	font-size: calc(18.06 * var(--u));
}
.ala-price--pc .ala-price__dose {
	font-size: calc(20.97 * var(--u));
}
.ala-price--pc .ala-price__main {
	left: calc(.73 * var(--u));
	top: calc(36 * var(--u));
	font-size: calc(136.72 * var(--u));
}
.ala-price--pc .ala-price__yen {
	font-size: calc(101.65 * var(--u));
	margin-right: calc(-16 * var(--u));
}
.ala-price--pc .ala-price__tax {
	font-size: calc(22 * var(--u));
	margin-left: calc(8 * var(--u));
	margin-top: calc(20 * var(--u));
}

/* SP */
.ala-price--sp {
	--u: calc(100cqw / 750);
	left: calc(32.7 * var(--u));
	top: calc(865 * var(--u));
	width: calc(684 * var(--u));
	height: calc(142 * var(--u));
}
.ala-price--sp .ala-price__tag {
	left: 0;
	top: calc(28.25 * var(--u));
	width: calc(256.7 * var(--u));
	height: calc(76.6 * var(--u));
	flex-direction: column;
}
.ala-price--sp .ala-price__name {
	font-size: calc(20.97 * var(--u));
}
.ala-price--sp .ala-price__dose {
	font-size: calc(28 * var(--u));
}
.ala-price--sp .ala-price__main {
	left: calc(270.98 * var(--u));
	top: calc(4.5 * var(--u));
	font-size: calc(128.96 * var(--u));
}
.ala-price--sp .ala-price__yen {
	font-size: calc(95.88 * var(--u));
	margin-right: calc(-15 * var(--u));
}
.ala-price--sp .ala-price__tax {
	font-size: calc(21 * var(--u));
	margin-left: calc(8 * var(--u));
	margin-top: calc(18 * var(--u));
}