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

/* PC */
.ti-price--pc {
	--u: calc(100cqw / 1060);
	left: calc(628.6 * var(--u));
	top: calc(472 * var(--u));
}
.ti-price--pc .ti-price__count {
	left: calc(115.38 * var(--u));
	top: 0;
	width: calc(140 * var(--u));
	height: calc(49 * var(--u));
	font-size: calc(25 * var(--u));
}
.ti-price--pc .ti-price__main {
	left: calc(.07 * var(--u));
	top: calc(44.6 * var(--u));
	font-size: calc(115.16 * var(--u));
}
.ti-price--pc .ti-price__yen {
	font-size: calc(85.61 * var(--u));
	margin-right: calc(1 * var(--u));
}
.ti-price--pc .ti-price__tax {
	left: calc(265.81 * var(--u));
	top: calc(155 * var(--u));
}

/* SP */
.ti-price--sp {
	--u: calc(100cqw / 750);
	left: calc(71 * var(--u));
	top: calc(872 * var(--u));
}
.ti-price--sp .ti-price__count {
	left: 0;
	top: calc(58.88 * var(--u));
	width: calc(135.18 * var(--u));
	height: calc(47.31 * var(--u));
	font-size: calc(24.14 * var(--u));
	letter-spacing: .01em;
}
.ti-price--sp .ti-price__main {
	left: calc(172.8 * var(--u));
	top: calc(-6 * var(--u));
	font-size: calc(135.6 * var(--u));
}
.ti-price--sp .ti-price__yen {
	font-size: calc(100.8 * var(--u));
	margin-right: calc(2 * var(--u));
}
.ti-price--sp .ti-price__tax {
	left: calc(506 * var(--u));
	top: calc(118 * var(--u));
}
.ti-price p {
	margin: 0;
	padding: 0;
}
.ti-price--sp .ti-price__num {
	letter-spacing: -.02em;
}
.ti-price--sp .ti-price__count {
	padding-bottom: calc(5 * var(--u));
}