@charset "utf-8";
/* 2026 109号～ 春のお彼岸予約 */
:where(.lp-daichi) {
	--font-color01: #232323;
	--font-color02: #eb1d44;
	--font-color03: #ed5818;
	--deli-border: #ebc654;
	--disabled-color: #858585;
	--cv-btn-shadow: #00000024;
	--cv-btn-reserve-color: #000;
	--blinking-anime: blinking .85s ease-in-out 0s infinite alternate;

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min4max5: clamp(0.25rem, 0.188rem + 0.21vw, 0.313rem);
	--min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
	--min10max15: clamp(0.625rem, 0.313rem + 1.04vw, 0.938rem);
	--min13max14: clamp(0.813rem, 0.75rem + 0.21vw, 0.875rem);
	--min13max18: clamp(0.813rem, 0.5rem + 1.04vw, 1.125rem);
	--min15max18: clamp(0.938rem, 0.75rem + 0.63vw, 1.125rem);
	--min15max24: clamp(0.938rem, 0.375rem + 1.88vw, 1.5rem);
	--min15max45: clamp(0.938rem, -0.938rem + 6.25vw, 2.813rem);
	--min13max17: clamp(0.813rem, 0.564rem + 0.83vw, 1.063rem);
	--min17max30: clamp(1.063rem, 0.25rem + 2.71vw, 1.875rem);
	--min18max21: clamp(1.125rem, 0.938rem + 0.62vw, 1.313rem);
	--min18max22: clamp(1.125rem, 0.875rem + 0.83vw, 1.375rem);
	--min18max23: clamp(1.125rem, 0.813rem + 1.04vw, 1.438rem);
	--min18max24: clamp(1.125rem, 0.75rem + 1.25vw, 1.5rem);
	--min18max30: clamp(1.125rem, 0.378rem + 2.49vw, 1.875rem);
	--min20max25: clamp(1.25rem, 0.938rem + 1.04vw, 1.563rem);
	--min20max28: clamp(1.25rem, 0.75rem + 1.67vw, 1.75rem);
	--min22max30: clamp(1.375rem, 0.875rem + 1.67vw, 1.875rem);
	--min25max50: clamp(1.563rem, 0.006rem + 5.2vw, 3.125rem);
	--min120max175: clamp(7.5rem, 4.063rem + 11.46vw, 10.938rem);
}

.lp-daichi.-higan {
	background: url(/external/category/image/2026/higan/higan_bg.jpg);
	background-size: 100%;
	background-position-y: 12.6%;
}

.contents-area.-higan > .body {
	margin-top: var(--min20max30);
}
.block-grid.-deli {
	margin: var(--min20max30) auto 0;
	max-width: 710px;
	grid-template-columns: repeat(2, 1fr);
	font-family: var(--font-minchou);
}
.block-grid.-deli > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	padding: 13px 20px 10px 11%;
	background: #fff;
	border: var(--deli-border) solid var(--min2max5);
	border-radius: 15px;
	color: var(--font-color02);
	text-decoration: none;
	font-size: var(--min17max30);
	line-height: 1.15;
	letter-spacing: .02em;
}
.block-grid.-deli > a.is-here {
	color: var(--disabled-color);
	border-color: var(--disabled-color);
	pointer-events: none;
}
.block-grid.-deli > a > .str > .num {
	font-size: 133%;
}
.block-grid.-deli > a::after {
	content: "";
	display: block;
	background: url(/external/category/image/2026/higan/round_arrow.svg) no-repeat;
	width: 29px;
	aspect-ratio: 1 / 1;
	background-size: contain;
}
.block-grid.-deli > a.is-here::after {
	background: url(/external/category/image/2026/higan/round_arrow_disabled.svg) no-repeat;
	background-size: contain;
}
.contents-area.-higan {
	padding: 0 var(--min15max20) var(--min30max40);
}
.lead-area {
	font-family: var(--font-minchou);
}
.lead-area > .text {
	position: relative;
	padding: var(--min20max30) 0 0;
	font-size: var(--min15max24);
	letter-spacing: .03em;
	line-height: 1.5;
	text-align: center;
	color: #151515;
	font-weight: bold;
}

.schedule-area {
	width: min(855px, 100%);
	margin: var(--min15max20) auto 0;
	padding: var(--min20max25) var(--min15max20);
	border: #f9ce96 3px solid;
	background: #fff;
	box-sizing: border-box;
	font-size: var(--min22max30);
	letter-spacing: .02em;
	text-align: center;
	font-family: var(--font-minchou);
}
.block-grid.-schedule {
	max-width: 700px;
	margin: 8px auto 0;
	grid-template-columns: 24.5% auto;
	gap: 2.2%;
}
.schedule-area > .title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: var(--min20max28);
	font-size: var(--min18max23);
	line-height: 1;
	letter-spacing: .02em;
	color: var(--font-color02);
}
.schedule-area > .title:first-child {
	margin-top: 0;
}
.schedule-area > .title::before,
.schedule-area > .title::after {
	content: "";
	display: block;
	width: min(25px, 50%);
	margin-inline: min(10px, 50%);
	height: 1px;
	background: var(--font-color02);
}
.schedule-area > .text,
.block-grid.-schedule > .text {
	margin-top: 10px;
	letter-spacing: .02em;
	line-height: 1.25;
}
.schedule-area > .text, .block-grid.-schedule > .text {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 10px;
}
.schedule-area > .text[class]::before {
	display: block;
	font-size: var(--min13max17);
	background-color: #fff;
	padding-inline: 5px;
	padding-block: 2px 0;
	font-family: var(--font-gothic);
	font-weight: bold;
	letter-spacing: 0.065rem;
	border-radius: 100px;
	height: fit-content;
	border: 1px solid;
}
.schedule-area > .text.-first::before {
	content: "109号〜110号";
}
.schedule-area > .text.-second::before {
	content: "111号〜112号";
}
.schedule-time {
	font-size: 80%;
}

.deli-week {
	margin-top: var(--min25max50);
	font-size: var(--min18max30);
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: flex;
	place-content: center;
	align-items: center;
	column-gap: 10px;
	letter-spacing: 0.045rem;
	text-shadow: 0px 0 7px rgb(0 0 0 / 33%);
}
.deli-week::before, .deli-week::after {
	content: "";
	display: inline-block;
	mask: url(/external/category/image/2025/xmas/icon_deli_arrow.svg) no-repeat;
	-webkit-mask: url(/external/category/image/2025/xmas/icon_deli_arrow.svg) no-repeat;
	mask-size: 100%;
	-webkit-mask-size: contain;
	width: var(--min20max28);
	aspect-ratio: 1 / 1;
	background-color: #fff;
}
.deli-week > span > .blinking {
	animation: var(--blinking-anime);
}
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.block-grid.-catch > .grid:nth-child(n+3) {
	margin-top: var(--min30max40);
}

.block-grid.-item.-col1 .text + .cv-btn:not(.-sale) {
	margin-top: 3%;
}
.block-grid.-item.-col1 .text.-push + .cv-btn:not(.-sale) {
	margin-top: 1.5%;
}
.push-wrap > .text {
	font-size: var(--min15max18);
	margin-top: var(--min10max15);
}
.push-wrap > .image {
	margin-bottom: var(--min10max15);
	width: calc(100% + (2 * var(--min10max13)));
	transform: translateX(calc(-1 * (var(--min10max13))));
}

.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .price ~ .cart {
	margin-top: 8px;
	width: min(340px, 100%);
	margin-right: auto;
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button, .js-item-sales .item-summary .info .cart p.routine-only > a {
	border-radius: 10px;
	box-shadow: 4px var(--min4max5) var(--cv-btn-shadow);
	padding: 12px 17px 12px 12px;
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button:hover, .js-item-sales .item-summary .info .cart p.routine-only > a:hover {
	box-shadow: 3px 3px var(--cv-btn-shadow);
	transform: translate(1px, 2px);
}
.cv-btn:not(.-sale)[class*="deli"] > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button span {
	gap: 6px;
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span {
	background-image: none;
	padding: 0;
	font-size: var(--min18max21);
	line-height: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button::after {
	background: var(--cv-btn-reserve-color);
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button::after {
	content: "";
	display: inline-block;
	width: var(--min13max15);
	aspect-ratio: 3 / 4;
	mask: url(/external/category/image/2025/xmas/icon_arrow_R.svg) no-repeat;
	-webkit-mask: url(/external/category/image/2025/xmas/icon_arrow_R.svg) no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	position: absolute;
	right: 4%;
}
.cv-btn:not(.-sale).-deli9 > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span::before {
	content: "3/9週お届け" !important;
}
.cv-btn:not(.-sale).-deli16 > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span::before {
	content: "3/16週お届け" !important;
}
.cv-btn:not(.-sale)[class*="deli"] > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart:not(:has(:disabled)) .button span::before {
	font-size: var(--min13max14);
	background-color: #fff;
	border-radius: 30px;
	height: var(--min18max22);
	display: grid;
	align-items: center;
	padding-inline: 8px;
	box-sizing: border-box;
	line-height: var(--min20max25);
}
.cv-btn:not(.-sale) > .js-item-sales > .item-summary > .info > .cart > .add-to-cart > .add-to-cart .button span::before {
	background-image: none;
	position: unset;
	width: auto;
	height: auto;
	transform: none;
}

@media (max-width: 480px) {
	.lead-area > .text {
		letter-spacing: 0;
	}
	.lead-area::after {
		display: none;
	}
	.block-grid.-schedule {
		display: block;
	}
	.schedule-area > .text, 
	.block-grid.-schedule > .text {
		font-size: 82%;
	}
	.block-grid.-deli > a {
		text-align: left;
		padding: 5px 7%;
	} 
	.block-grid[class*="item"] + .block-grid.-col1 .specwrap > .text.-push {
		margin-top: 3%;
	}
	.push-wrap > .image {
		width: 100%;
		transform: unset;
	}
}