@charset "utf-8";
/* 2025 136号〜 新蕎麦 */
:where(.lp-daichi) {
	--deadline-bg: #1f1f1f;
	--calendar-bg: #ffffff;
	--point-sum-bg: #ed2606;
	--point-reserve-bg: #f46e59;
	--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);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min25max31: clamp(1.563rem, 1.188rem + 1.25vw, 1.938rem);
	--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]).-bgSoba {
  background: url(/external/category/image/2025/soba/bg_soba.jpg);
	background-size: contain;
}

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

.schedule-area {
	background: #626128;
	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 {
	height: var(--min85max130);
	display: grid;
	place-content: center;
	align-items: center;
}
.contents-area .head.-soba {
	background: url(/external/category/image/2025/soba/head_bg.png) center center / cover no-repeat;
	text-align: center;
	margin-top: 2%;
}
.contents-area .head.-soba img {
	margin-inline: auto;
}
.contents-area .head.-no01 img {
	width: min(54vw, 403px);
}
.contents-area .head.-no02 img {
	width: min(54vw, 476px);
}
.contents-area .head.-no03 img {
	width: min(54vw, 311px);
}
.schedule-box > .title {
	position: relative;
	display: inline-block;
	padding-inline: 2%;
	z-index: 1;
	background: #626128;
	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.-bgSoba > .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: #331d04;
	font-weight: bold;
}

.js-item-sales {
	margin-top: 2%;
}
.contents-area .catch {
	font-size: var(--min25max31);
}
.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%;
}
.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/soba/point1_row.png);
	width: 37%;
	aspect-ratio: 22 / 3;
}
.point-unit.-rowPoint2::before {
	background-image: url(/external/category/image/2025/soba/point2_row.png);
	width: 37%;
	aspect-ratio: 22 / 3;
}
.point-unit.-columnPoint1::before {
	background-image: url(/external/category/image/2025/soba/point1_column.png);
	aspect-ratio: 574 / 62;
}
.point-unit.-columnPoint2::before {
	background-image: url(/external/category/image/2025/soba/point2_column.png);
	aspect-ratio: 574 / 62;
}

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

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

/* 予約Q＆A */
.qa-area.-settingTsukimi .head {
	color: #45301f;
	border-bottom: 2px solid #45301f;
}
#content .lp-daichi .accordion {
	margin: 0;
}
#content .lp-daichi .accordion .accordion-toggle::before {
	content: none;
}
#content .lp-daichi .accordion .accordion-toggle::after {
	content: "";
	display: inline-block;
}
#content .lp-daichi .accordion-group .title a {
	text-decoration: none;
	color: #000;
	display: block;
	position: relative;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
}
#content .lp-daichi .accordion-group .accordion .title a::after {
	content: "";
	display: inline-block;
	mask: url(/external/category/image/2024/tsukimi/common/icon_arrow.svg) no-repeat;
	-webkit-mask: url(/external/category/image/2024/tsukimi/common/icon_arrow.svg) no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	width: var(--min22max26);
	height: fit-content;
	aspect-ratio: 26/21;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	transform: scale(1, -1);
}
#content .lp-daichi .accordion-group .accordion.pseudo-opened .title a::after {
	transform: scale(-1, 1);
}

#content .lp-daichi .accordion.pseudo-opened .accordion-toggle .accordion-toggle-label {
	display: block;
}
#content .lp-daichi .accordion-group .text {
	font-size: var(--min18max20);
}
.block-grid.-how {
	grid-template-columns: 1fr 40%;
	align-items: center;
}
.block-grid.-how .text[class*="no"]::before {
	display: block;
	font-size: 40px;
	line-height: 1;
	margin-bottom: var(--min5max10);
	font-weight: bold;
}
.block-grid.-how .text.-no1::before {
	content: "1.";
}
.block-grid.-how .text.-no2::before {
	content: "2.";
}
.block-grid.-how .text.-no3::before {
	content: "3.";
}
#content .lp-daichi .accordion-body .arrow::after {
	content: "";
	display: block;
	width: 100%;
	height: 47px;
	background: url(/external/category/image/2024/tsukimi/common/how_icon_arrow.svg) no-repeat 50% 100%;
	background-size: contain;
	margin: 10px 0;
}
#content .lp-daichi .accordion-body .arrow:last-of-type::after {
	content: none;
}
#content .lp-daichi .accordion-body .text.-comp {
	font-size: var(--min20max30);
	text-align: center;
	font-weight: bold;
}
#content .lp-daichi .accordion-body .image {
	display: grid;
	place-content: center;
}

.qa-wrapper {
	padding: 5% 0;
}
.qa-area {
	margin: 0 auto;
	width: min(700px, 100%);
}
.qa-area .head {
	text-align: center;
	font-size: var(--min30max40);
	color: #45301f;
	border-bottom: 2px solid #45301f;
}
.qa-area.-settingTsukimi .head {
	color: #45301f;
	border-bottom: 2px solid #45301f;
}
.qa-area.-settingBoth .head {
	color: var(--color-both);
	border-bottom: 2px solid var(--color-both);
}
.qa-area.-settingShinsoba .head {
	color: var(--color-shinsoba);
	border-bottom: 2px solid var(--color-shinsoba);
}
.qa-area .head + .accordion-group {
	margin-top: var(--min30max40);
}
#content .qa-area .accordion-group .title a {
	font-size: var(--min20max24);
	color: #fff;
	background-color: #45301f;
	text-align: left;
	padding: 15px var(--min45max75) 10px var(--min20max40);
	display: flex;
}
#content .qa-area.-settingTsukimi .accordion-group .title a {
	background-color: var(--color-tsukimi);
}
#content .qa-area.-settingBoth .accordion-group .title a {
	background-color: var(--color-both);
}
#content .qa-area.-settingShinsoba .accordion-group .title a {
	background-color: var(--color-shinsoba);
}

#content .qa-area .accordion-group .accordion .title a::before {
	content: "Q.";
	font-size: 100%;
	color: inherit;
	margin-right: 10px;
}
#content .qa-area .accordion-group .accordion .title a::after {
	background-color: #fff;
	right: var(--min20max40);
}
#content .qa-area .accordion-group + .accordion-group {
	margin-top: var(--min25max30);
}
#content .qa-area .accordion-group .text {
	margin-top: 15px;
}

/* アコーディオン */
.lp-daichi .lp-daichi .accordion {
	margin-top: 0;
}
.lp-daichi .lp-daichi .accordion-group.-tango {
	display: none;
	text-align: center;
	margin-top: 2%;
	position: relative;
}
.lp-daichi .lp-daichi .accordion-toggle.-tango {
	width: 100%;
	border: 3px solid;
	font-weight: bold;
	box-sizing: border-box;
}
.lp-daichi .lp-daichi .accordion .accordion-toggle {
	font-weight: bold;
	padding: 2%;
	font-size: 22px;
	position: relative;
	transition: all 0s;
}
.lp-daichi .lp-daichi .accordion .accordion-toggle:hover {
	transition: all 0s;
}
.lp-daichi .lp-daichi .accordion .accordion-toggle::before {
	content:none;
}
.lp-daichi .lp-daichi .accordion .accordion-toggle::after {
	content: "";
	display: inline-block;
	background: url(/external/category/image/2024/unagi/common/toggle_arrow.svg) no-repeat;
	width: 20px;
	height: 16px;
	background-size: contain;
	position: absolute;
	right: 2%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.lp-daichi .lp-daichi .accordion.pseudo-opened .accordion-toggle {
	border-bottom-width: 0;
}
.lp-daichi .lp-daichi .accordion.pseudo-opened .accordion-toggle::before {
	content: "閉じる";
	color: inherit;
	font-size: 22px;
}
.lp-daichi .lp-daichi .accordion.pseudo-opened .accordion-toggle::after {
	font-size: 0;
	transform: rotate(180deg);
	top: -8px;
}
.lp-daichi .lp-daichi .accordion.pseudo-opened .accordion-body {
	background-color: #fff;
	border-right: 3px solid;
	border-left: 3px solid;
	border-bottom: 3px solid;
}

@media (max-width: 480px) {
	.block-grid.-item2 > :is(.grid, .card) + :is(.grid, .card) {
		margin-top: var(--min10max20);
	}
	.contents-area .catch {
    text-align: left;
	}
	.contents-area .head.-soba {
		background: url(/external/category/image/2025/soba/head_bg_sp.png) center center / cover no-repeat;
		text-align: center;
	}
	.contents-area .head.-no01 img {
		width: 56%;
	}
	.contents-area .head.-no02 img {
		width: 62%;
	}
	.contents-area .head.-no03 img {
		width: 44%;
	}

	.point-unit.-rowPoint1,
	.point-unit.-rowPoint2 {
		width: min(380px, 100%);
	}

	.point-unit.-rowPoint1::before {
		background-image: url(/external/category/image/2025/soba/point1_column.png);
		width: 100%;
		aspect-ratio: 574 / 62;
	}
	.point-unit.-rowPoint2::before {
		background-image: url(/external/category/image/2025/soba/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%;
	}
}