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

/* PC */
.hy-price--pc {
	--u: calc(100cqw / 1060);
	left: calc(674.4 * var(--u));
	top: calc(469 * var(--u));
}
.hy-price--pc .hy-price__tag {
	left: calc(19.32 * var(--u));
	top: calc(1.11 * var(--u));
	width: calc(327.72 * var(--u));
	height: calc(38.07 * var(--u));
}
.hy-price--pc .hy-price__name {
	flex: 0 0 calc(201 * var(--u));
	font-size: calc(26.22 * var(--u));
}
.hy-price--pc .hy-price__count {
	font-size: calc(26.22 * var(--u));
}
.hy-price--pc .hy-price__main {
	left: 0;
	top: calc(52 * var(--u));
	font-size: calc(115.82 * var(--u));
}
.hy-price--pc .hy-price__yen {
	font-size: calc(86.1 * var(--u));
	margin-right: calc(-13 * var(--u));
}
.hy-price--pc .hy-price__tax {
	left: calc(250.13 * var(--u));
	top: calc(158 * var(--u));
}

/* SP */
.hy-price--sp {
	--u: calc(100cqw / 750);
	left: calc(53.5 * var(--u));
	top: calc(865 * var(--u));
}
.hy-price--sp .hy-price__tag {
	left: calc(1.28 * var(--u));
	top: calc(30.16 * var(--u));
	width: calc(193.51 * var(--u));
	height: calc(85 * var(--u));
	flex-direction: column;
}
.hy-price--sp .hy-price__name {
	font-size: calc(25 * var(--u));
}
.hy-price--sp .hy-price__count {
	font-size: calc(26.22 * var(--u));
}
.hy-price--sp .hy-price__main {
	left: calc(229.99 * var(--u));
	top: calc(-4 * var(--u));
	font-size: calc(139.79 * var(--u));
}
.hy-price--sp .hy-price__yen {
	font-size: calc(103.92 * var(--u));
	margin-right: calc(-16 * var(--u));
}
.hy-price--sp .hy-price__tax {
	left: calc(541.42 * var(--u));
	top: calc(129 * var(--u));
}
.hy-price--sp .hy-price__num {
	letter-spacing: -.03em;
}