@charset "utf-8";
/* 2025 138号〜 お月見 */
:where(.lp-daichi) {
	--deadline-bg: #1f1f1f;
	--calendar-bg: #ffffff;
	--point-sum-bg: #b33113;
	--point-reserve-bg: #e6502e;
	--point-balloon-color: var(--point-sum-bg);
	--balloon-bg: #f5f0ec;
	--balloon-sp-bg: #ffffff;
	--color-shinsoba: #002613;
	--color-both: #202020;
	--accrodion-bg: #d7f2ff;
	--color-caution: #e52e2e;
	--point-gap1: 13px;
	--point-gap2: 2px;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
	--min10max13: clamp(0.625rem, 0.438rem + 0.63vw, 0.813rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min18max22: clamp(1.125rem, 0.875rem + 0.83vw, 1.375rem);
	--min18max24: clamp(1.125rem, 0.75rem + 1.25vw, 1.5rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max24: clamp(1.25rem, 1rem + 0.83vw, 1.5rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min22max26: clamp(1.375rem, 1.125rem + 0.83vw, 1.625rem);
	--min23max31: clamp(1.438rem, 0.938rem + 1.67vw, 1.938rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min30max40: clamp(1.875rem, 1.25rem + 2.08vw, 2.5rem);
	--min45max75: clamp(2.813rem, 0.938rem + 6.25vw, 4.688rem);
	--min85max130: clamp(5.313rem, 2.5rem + 9.38vw, 8.125rem);
}

:where([class]).-bgTsukimi {
  background: #00092b;
}

.itemWrapper:not(.itemWrapper.-first),
.block-grid.-col2.-item2 {
	margin-top: var(--min10max20)!important;
}

.schedule-area {
	padding: 2.8% var(--min10max20);
	color: #fff;
	font-family: var(--font-minchou);
	text-align: center;
}
.block-grid.-schedule {
	max-width: 850px;
	margin-inline: auto;
	gap: 6%;
}
.schedule-box {
	text-align: center;
}
.contents-area .head {
	width: 100%;
}
.schedule-box > .title {
	position: relative;
	display: inline-block;
	padding-inline: 2%;
	z-index: 1;
	background: #00092b;
	margin: auto;
	font-size: var(--min18max22);
}
.schedule-box > .text {
	margin-top: -4.7%;
	padding: 8% 3% 7%;
	position: relative;
	border: 1px solid #fff;
	font-size: var(--min20max26);
}

.lp-daichi.-bgTsukimi > .inner {
	padding: 4% var(--min10max20) 5%;
	overflow: hidden;
}

.lead-area {
	padding: 4% 3% 3.5%;
	font-family: var(--font-minchou);
	font-size: var(--min18max24);
	letter-spacing: 0.12rem;
	text-align: center;
	color: #ffea9d;
	font-weight: bold;
}

.js-item-sales {
	margin-top: 2%;
}
.contents-area .catch {
	font-size: var(--min23max31);
}
.point-unit {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: min(380px, 100%);
	margin-left: auto;
	justify-content: right;
}
.block-grid.-item.-col2 .point-unit {
	margin-inline: auto;
}
.point-unit .pointwrap {
	width: 100%;
	font-size: var(--min18max20);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.block-grid.-item.-col1 .point-unit .pointwrap {
	margin-top: 0;
	width: 63%;
}
.block-grid.-item.-col1 .point-unit.-nopoint .pointwrap {
	width: 100%;
}
.point-unit .sum {
	background: var(--point-sum-bg);
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 3% 2% 1px;
	box-sizing: border-box;
	line-height: 1;
}
.point-unit .sum::before {
	content: "合計";
	display: inline-block;
	font-size: var(--min10max13);
	font-weight: 100;
	transform: translateY(-4px);
	margin-right: var(--point-gap1);
}
.point-unit .sum::after {
	content: "ポイント";
	display: inline-block;
	font-size: var(--min10max13);
	font-weight: 100;
	margin-left: var(--point-gap2);
}
.point-unit .reserve {
	background: var(--point-reserve-bg);
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 3% 2% 1px;
	box-sizing: border-box;
	line-height: 1;
}
.point-unit .reserve::before {
	content: "うち予約特典";
	display: inline-block;
	font-size: var(--min10max13);
	font-weight: 100;
	margin-right: var(--point-gap1);
	transform: translateY(-4px);
}
.point-unit .reserve::after {
	content: "ポイント";
	display: inline-block;
	font-size: var(--min10max13);
	font-weight: 100;
	margin-left: var(--point-gap2);
}

.point-unit::before {
	content: "";
	display: block;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.point-unit.-rowPoint1,
.point-unit.-rowPoint2 {
	width: min(600px, 100%);
}

.point-unit.-rowPoint1::before {
	background-image: url(/external/category/image/2025/tsukimi/point1_row.png);
	width: 37%;
	aspect-ratio: 22 / 3;
}
.point-unit.-rowPoint2::before {
	background-image: url(/external/category/image/2025/tsukimi/point2_row.png);
	width: 37%;
	aspect-ratio: 22 / 3;
}
.point-unit.-columnPoint1::before {
	background-image: url(/external/category/image/2025/tsukimi/point1_column.png);
	aspect-ratio: 574 / 62;
}
.point-unit.-columnPoint2::before {
	background-image: url(/external/category/image/2025/tsukimi/point2_column.png);
	aspect-ratio: 574 / 62;
}

.lp-daichi.-bgTsukimi .catch.-plain {
	font-family: var(--font-minchou);
	line-height: 1.3;
}

.block-grid.-col2.-item2 .catch.-plain{
	justify-content: flex-start;
	text-align: left;
}

@media (max-width: 480px) {
	.block-grid.-item2 > :is(.grid, .card) + :is(.grid, .card) {
		margin-top: var(--min10max20);
	}
	.contents-area .catch {
    text-align: left;
	}

	.block-grid[class*="item"] + .block-grid.-col1 .specwrap > .text.-push {
		margin-bottom: 3%;
	}
	.point-unit.-rowPoint1,
	.point-unit.-rowPoint2 {
		width: min(380px, 100%);
	}

	.point-unit.-rowPoint1::before {
		background-image: url(/external/category/image/2025/tsukimi/point1_column.png);
		width: 100%;
		aspect-ratio: 574 / 62;
	}
	.point-unit.-rowPoint2::before {
		background-image: url(/external/category/image/2025/tsukimi/point2_column.png);
		width: 100%;
		aspect-ratio: 574 / 62;
	}

	.block-grid.-item.-col1 .point-unit .pointwrap {
		width: 100%;
	}
	.schedule-area {
		padding-block: 4.8%;
	}
	.block-grid.-schedule {
		gap: 0;
	}
	.schedule-box:nth-child(2) {
		margin-top: 5%;
	}
	.schedule-box > .text {
    margin-top: -4.4%;
		padding: 7% 3% 6%;
	}
}