@charset "utf-8";
/* 桃七会2026 */

:where(.lp-daichi) {
	--promo-bg: #f0254b;
	--promo-yllw: #fffd42;
	--main-catch-bg: #ff8492;
	--color-cv: #fff;
	--color-pico: #ff973b;
	--color-pico2: #ec5d6e;
	--color-pico-arrow: var(--color-pico);
	--color-pico2-arrow: var(--color-pico2);
	--cal-bg: #fff9ec;
	--head-dot: #fadd86;
	--area-head: #5b2b18;
	--kind-dot: #fec79a;
	--strong-yellow: #fffca7;
	--deli-head: #583c0d;
	--deli-time-bg: #fa954d;
	--deli-date: #f43c52;
	--reason-bg: #fff9ec;
	--reason-red: #921d1d;
	--reason-text: var(--area-head);

	--height-pico: 64px;

	/* https://min-max-calculator.9elements.com/ 480px-960px幅 */
	--min0max50: clamp(0rem, -3.125rem + 10.42vw, 3.125rem);
	--min0max4: clamp(0rem, -0.25rem + 0.83vw, 0.25rem);
	--min0max470: clamp(0rem, -29.253rem + 97.71vw, 29.375rem);
	--min2max3: clamp(0.125rem, 0.063rem + 0.21vw, 0.188rem);
	--min3max4: clamp(0.188rem, 0.125rem + 0.21vw, 0.25rem);
	--min3max10: clamp(0.188rem, -0.25rem + 1.46vw, 0.625rem);
	--min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
	--min5max20: clamp(0.313rem, -0.625rem + 3.13vw, 1.25rem);
	--min10max15: clamp(0.625rem, 0.313rem + 1.04vw, 0.938rem);
	--min10max18: clamp(0.625rem, 0.125rem + 1.67vw, 1.125rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min12max15: clamp(0.75rem, 0.563rem + 0.63vw, 0.938rem);
	--min13max20: clamp(0.813rem, 0.375rem + 1.46vw, 1.25rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min15max25: clamp(0.938rem, 0.313rem + 2.08vw, 1.563rem);
	--min15max27: clamp(0.938rem, 0.188rem + 2.5vw, 1.688rem);
	--min15max30: clamp(0.938rem, 3.13vw, 1.875rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min16max25: clamp(1rem, 0.438rem + 1.88vw, 1.563rem);
	--min17max20: clamp(1.063rem, 0.875rem + 0.63vw, 1.25rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min18max35: clamp(1.125rem, 0.063rem + 3.54vw, 2.188rem);
	--min18max40: clamp(1.125rem, -0.25rem + 4.58vw, 2.5rem);
	--min19max22: clamp(1.188rem, 1rem + 0.63vw, 1.375rem);
	--min20max25: clamp(1.25rem, 0.938rem + 1.04vw, 1.563rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min20max50: clamp(1.25rem, -0.625rem + 6.25vw, 3.125rem);
	--min20max55: clamp(1.25rem, -0.938rem + 7.29vw, 3.438rem);
	--min22max38: clamp(1.375rem, 0.375rem + 3.33vw, 2.375rem);
	--min23max33: clamp(1.438rem, 0.813rem + 2.08vw, 2.063rem);
	--min24max45: clamp(1.5rem, 0.188rem + 4.38vw, 2.813rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min30max40: clamp(1.875rem, 1.25rem + 2.08vw, 2.5rem);
	--min30max45: clamp(1.875rem, 0.938rem + 3.13vw, 2.813rem);
	--min30max60: clamp(1.875rem, 6.25vw, 3.75rem);
	--min30max74: clamp(1.875rem, -0.875rem + 9.17vw, 4.625rem);
	--min32max46: clamp(2rem, 1.125rem + 2.92vw, 2.875rem);
	--min35max53: clamp(2.188rem, 1.063rem + 3.75vw, 3.313rem);
	--min60max70: clamp(3.75rem, 3.125rem + 2.08vw, 4.375rem);
	--min60max80: clamp(3.75rem, 2.5rem + 4.17vw, 5rem);
	--min40max80: clamp(2.5rem, 8.33vw, 5rem);
	--min67max130: clamp(4.188rem, 0.25rem + 13.13vw, 8.125rem);
	--min100max133: clamp(6.25rem, 4.188rem + 6.88vw, 8.313rem);
	--min270max300: clamp(16.875rem, 15rem + 6.25vw, 18.75rem);
}

.promo-catch {
	background-color: var(--promo-bg);
	color: #fff;
	line-height: 1.1;
	padding-block: var(--min16max25) 10px;
	padding-inline: var(--min10max15);
	font-weight: bold;
}
.promo-catch .catch {
	font-size: var(--min18max40);
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	column-gap: 5px;
	align-items: center;
}
.promo-catch .catch::before,
.promo-catch .catch::after {
	content: "";
	width: var(--min18max35);
  height: 2px;
	background: #fff;
	margin-top: -5px;
}
.promo-catch .catch::before {
	transform: rotate(55deg);
	margin-left: auto;
}
.promo-catch .catch::after {
	transform: rotate(-55deg);
}
.promo-catch .price {
	font-size: var(--min30max74);
	margin-top: var(--min5max10);
	display: grid;
	grid-template-columns: auto var(--min15max27) auto;
	column-gap: 10px;
	align-items: center;
	/* text-align: right; */
}
.promo-catch .price .shokai {
	margin-left: auto;
}
.promo-catch .price .vertical {
	writing-mode: vertical-lr;
	font-size: 50%;
	line-height: 1;
	transform: translateY(8px);
}
.promo-catch .price sup {
	font-size: 45%;
	transform: translateY(-10px);
	display: inline-block;
}
.promo-catch .price .arrowR {
	display: block;
	width: var(--min15max27);
  aspect-ratio: 1 / 1;
	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background-color: var(--promo-yllw);
}
.promo-catch .yllw {
	color: var(--promo-yllw);
	text-align: left;
}
.promo-catch .price .small {
	font-size: 35%;
	font-weight: 100;
}
.promo-catch .price .unit {
	font-size: 65%;
}


.lp-daichi .note {
	font-size: 90%;
	text-indent: -1.3rem;
	padding-left: 1.3rem;
}

.block-grid.-cv {
	margin-top: var(--min10max20);
	gap: var(--min15max20);
}
.block-grid.-cv > .grid > .js-item-sales {
	width: min(370px, 90%);
	margin-inline: auto;
	margin-top: var(--min15max25);
}
:is(.block-grid.-cv, .cv-area .guide-anc) + .note {
	margin-top: 20px;
}
.cv-area .dialog-opener {
	margin-top: var(--min10max20);
}
.cv-area .js-item-sales {
	margin-top: var(--min15max25);
}

/* どこでもカート */
.js-item-sales .item-summary .info .cart .add-to-cart .registration fieldset .button {
	animation: none;
	transform: none;
	transition: all .3s;
	width: min(410px, 90%);
  margin-inline: auto;
}
.js-item-sales .item-summary .info .cart .add-to-cart .registration fieldset .button:hover {
	transform: translateY(3px);
	filter: drop-shadow(0px 2px 0px var(--color-pico-out-shadow));
	transition: all .3s;
}

.js-item-sales .item-summary .info .cart .add-to-cart .registration fieldset .button > span {
	padding: 0;
	margin: 0;
	background: none;
	display: flex;
	display: flex;
	align-items: baseline;
	column-gap: 8px;
}
.js-item-sales .item-summary .info .cart .add-to-cart .registration fieldset .button > span::before {
	content: "";
	display: block;
	mask: url(/external/category/image/common/icon/icon_reserve.svg) no-repeat;
	width: 25px;
	aspect-ratio: 17 / 15;
	background-color: #fff;
}

/* 未ログイン */
.lp-daichi .item-summary .cart p.routine-only {
	width: min(400px, 100%);
	margin: 0 auto;
}
.block-grid.-item.-col1 .item-summary .cart p.routine-only {
	margin-left: auto;
	margin-right: 0;
}
/* / */

[class*="area"] .head {
	text-align: center;
	letter-spacing: 0.15rem;
	padding-inline: 15px;
}
[class*="area"] .head:not(.-flag) {
	color: var(--area-head);
	line-height: 1.2;
}
[class*="area"] .head.-dot > .str {
	display: inline-grid;
	row-gap: 10px;
}
[class*="area"] .head.-dot > .str::after {
	content: "";
	display: inline-block;
	background: radial-gradient(circle farthest-side, var(--head-dot), var(--head-dot) 45%, transparent 45%, transparent);
	background-size: var(--min12max15);
	height: 10px;
	width: calc(100% - 30px);
	margin-inline: auto;
}
[class*="area"] [class].-bar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	line-height: 1.2;
}
[class*="area"] [class].-bar::before,
[class*="area"] [class].-bar::after {
	content: "";
	display: block;
}
[class*="area"] .head.-bar::before,
[class*="area"] .head.-bar::after {
	height: var(--min3max4);
	background: var(--area-head);
}
[class*="area"] .catch.-bar {
	background: var(--main-catch-bg);
	font-size: var(--min22max38);
	letter-spacing: 0.1rem;
	padding-inline: 20px;
	padding-block: 20px 12px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}
[class*="area"] .catch.-bar::before,
[class*="area"] .catch.-bar::after {
	height: var(--min2max3);
	width: var(--min30max40);
	background: #fff;
}
[class*="area"] [class].-bar::before {
	margin-left: auto;
	transform: rotate(55deg);
}
[class*="area"] [class].-bar::after {
	transform: rotate(-55deg);
}

.cal-area {
	background: var(--cal-bg);
	margin-top: 40px;
	padding-block: 30px 40px;
}
.cal-area > .head {
	font-size: var(--min24max45);
	color: var(--cal-head);
}
.cal-area > .body {
	margin-top: 25px;
}

.kind-area {
	background: url(/external/category/image/2025/momonanae/kind_bg.jpg);
	padding-top: 30px;
}
.kind-area > .head {
	font-size: var(--min35max53);
	line-height: 1.15;
}
.kind-area .head.-bar::before,
.kind-area .head.-bar::after {
	width: 50px;
}
.kind-area .body {
	padding-inline: var(--min15max30);
	padding-bottom: 30px;
}
.block-grid.-kind {
	gap: 0;
	margin-top: 25px;
}
.block-grid.-kind .image {
	position: relative;
}
.block-grid.-kind .image::before {
	content: "";
	display: block;
	width: var(--min67max130);
	position: absolute;
	top: calc(-1 * var(--min5max10));
	left: calc(-1 * var(--min3max10));
	background: no-repeat center / contain;
}
.block-grid.-kind .image.-hakuhou::before {
	background-image: url(/external/category/image/2026/mNanae/kind_hakuhou_text.png);
	/* height: 338px; */
	aspect-ratio: 135/338;
}
.block-grid.-kind .image.-kaori::before {
	background-image: url(/external/category/image/2026/mNanae/kind_kaori_text.png);
	/* height: 320px; */
	aspect-ratio: 27/64;
}
.block-grid.-kind .textwrap {
	background: #fff;
	color: var(--area-head);
	padding: 20px;
	line-height: 1.7;
	font-size: var(--min16max18);
}
.block-grid.-kind > .textwrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.block-grid.-kind > .grid + .grid > .textwrap {
	position: relative;
}
.block-grid.-kind > .grid + .grid > .textwrap::before {
	content: "";
	background: radial-gradient(ellipse at center, var(--kind-dot) 0%,var(--kind-dot) 35%, #fff 35%,#fff 100%) center 0 repeat-y;
	background-size: 11px 11px;
	width: 5px;
	height: calc(100% - 40px);
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
	bottom: 0;
	margin-block: auto;
}
.block-grid.-kind > .grid > .textwrap > .bar {
	padding-inline: 7px;
	padding-top: 15px;
}
#content .accordion-group.-kind .accordion {
	margin-top: 0;
}
#content .accordion-group.-kind .accordion .accordion-toggle {
	background: var(--color-pico2);
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-size: var(--min20max26);
	font-weight: bold;
	position: relative;
	padding: 13px;
}
#content .accordion-group.-kind .accordion .accordion-toggle .strong {
	color: var(--strong-yellow);
	margin-right: var(--min0max4);
}
#content .accordion-group.-kind .accordion .accordion-toggle:before {
	content: none;
}
#content .accordion-group.-kind .accordion .accordion-toggle::after{
	content: "+";
	background: #fff;
	color: #000;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	height: 30px;
	display: inline-flex;
	place-content: center;
	align-items: center;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin-block: auto;
}
#content .accordion-group.-kind .accordion.pseudo-opened .accordion-toggle .accordion-toggle-label {
	display: block;
}
#content .accordion-group.-kind .accordion.pseudo-opened .accordion-toggle::after {
	content: "";
}
#content .accordion-group.-kind .accordion.pseudo-opened .accordion-toggle::before {
	content: "";
	display: block;
	width: 16px;
	height: 3px;
	background: #000;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin-block: auto;
	z-index: 1;
}

.deli-area {
	background: url(/external/category/image/2025/momonanae/deli_bg.jpg) no-repeat center 102% / 100%;
	margin-top: 0;
	padding-inline: var(--min10max20);
  padding-block: var(--min30max60) var(--min30max45);
}
.deli-area > .head {
	color: #fff;
	position: relative;
	background: var(--deli-head);
	padding-block: 12px 6px;
	padding-inline: 80px 30px;
	width: fit-content;
	max-width: 500px;
	margin-inline: auto;
	font-size: var(--min23max33);
	line-height: 1.2;
	display: grid;
  grid-template-columns: 1fr auto;
}
.deli-area > .head::before,
.deli-area > .head::after {
	content: "";
	display: block;
	position: absolute;
}
.deli-area > .head::before {
	background: url(/external/category/image/2025/momonanae/momo_icon.png) no-repeat center / contain;
	width: var(--min100max133);
	height: fit-content;
	aspect-ratio: 133 / 83;
	top: 0;
	bottom: 0;
	margin-block: auto;
	left: calc(-1 * var(--min40max80));
}
.deli-area > .head::after {
	clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 75% 100%, 75% 0);
	background: var(--deli-head);
	height: 100%;
  width: 102px;
	right: -25px;
}
.block-grid.-numlist {
	column-gap: var(--min20max40);
	margin-top: 25px;
}
.time-list > li {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px;
	padding-block: var(--min13max20);
}
.time-list > li + li {
	border-top: 2px dotted #f3f3f3;
}
.time-list > li > .time {
	font-size: var(--min25max30);
	font-weight: bold;
	color: #fff;
	background: var(--deli-time-bg);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	width: var(--min60max70);
	display: grid;
	place-content: center;
	grid-template-columns: auto auto auto;
	column-gap: 2px;
	align-items: center;
	padding-top: 2px;
}
.time-list > li > .time::before,
.time-list > li > .time::after {
	font-size: 60%;
	font-weight: 100;
}
.time-list > li > .time::before {
	content: "第";
}
.time-list > li > .time::after {
	content: "回";
}
.time-list > li > .inner {
	width: auto;
}
.time-list > li > .inner > .date::before {
	content: none;
}
.time-list > li > .inner > .date {
	font-size: var(--min18max20);
	letter-spacing: 0.1rem;
	color: var(--deli-date);
}
.time-list > li > .inner > .date > .num {
	font-size: 80%;
}

.deli-area + .cv-area {
	margin-top: 0;
}

.reason-area {
	background: var(--reason-bg);
	margin-top: var(--min30max40);
}
.reason-area .head {
	font-size: var(--min32max46);
	padding-top: var(--min20max30);
}
.reason-area .head.-bar::before,
.reason-area .head.-bar::after {
	width: var(--min30max40);
}
.reason-area .head.-bar::before {
	transform: rotate(55deg) translate(20px, var(--min5max20));
}
.reason-area .head.-bar::after {
	transform: rotate(-55deg) translate(-20px, var(--min5max20));
}
.reason-area .body {
	background: #fff;
	padding: var(--min20max40);
	border-radius: 20px;
	margin-block: var(--min10max20) 30px;
	margin-inline: var(--min20max40);
}
.block-grid.-reason {
	grid-template-columns: 60% 1fr;
}
.block-grid.-reason + .block-grid.-reason {
	margin-top: 40px;
}
.block-grid.-reason > .textwrap > .title {
	font-size: var(--min23max33);
	color: var(--reason-red);
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
  line-height: 1.25;
	column-gap: 15px;
	letter-spacing: 0.15rem;
}
.block-grid.-reason > .textwrap > .title::before {
	content: "";
	display: block;
	width: var(--min60max80);
	aspect-ratio: 1/1;
	background: no-repeat center / contain;
}
.block-grid.-reason > .textwrap > .title.-no1::before {
	background-image: url(/external/category/image/2025/momonanae/reason01_num.png);
}
.block-grid.-reason > .textwrap > .title.-no2::before {
	background-image: url(/external/category/image/2025/momonanae/reason02_num.png);
}
.block-grid.-reason > .textwrap > .subtitle {
	font-size: var(--min19max22);
	color: var(--reason-red);
	margin-top: var(--min15max20);
	font-weight: bold;
}
.block-grid.-reason > .textwrap > .text {
	font-size: var(--min16max18);
	color: var(--reason-text);
	margin-top: 3px;
}
.block-grid.-reason > .textwrap > .note {
	color: var(--reason-red);
	margin-top: 10px;
}
.block-grid.-reason > .textwrap > .note + .note {
	margin-top: 0;
}
.block-grid.-reason > .image {
	width: min(var(--min270max300), 80%);
	margin-inline: auto;
}
.reason-area .body + .note {
	margin-top: 20px;
	margin-inline: 40px;
  padding-bottom: 30px;
}

.voice-area {
	background: url(/external/category/image/2025/momonanae/voice_bg.jpg) no-repeat center / cover;
}
.block-grid.-voice {
	padding: var(--min20max50) var(--min20max55);
  gap: var(--min20max25);
}
.block-grid.-voice .grid:nth-of-type(2) {
	margin-top: var(--min0max50);
}

.cv-area + .original-part {
	margin-top: 50px;
}

/* 商品詳細 */
.item-detail .free-content .cv-area > .image,
.item-detail .free-content .block-grid.-cv > .grid:not(.-detail500g,.-detail800g) {
	display: none;
}
.item-detail .free-content .block-grid.-cv .grid:is(.-detail500g,.-detail800g),
.item-detail .free-content .cv-area .note {
	transform: translateX(calc(var(--min0max470) / 2));
}
.item-detail .free-content .dialog-opener {
	pointer-events: none;
}

@media (max-width:479px) {

	.block-grid.-cv {
		row-gap: 9vw;
	}
	.block-grid.-cv + .note {
		text-indent: -1rem;
    padding-inline: calc(1rem + 20px) 20px;
		box-sizing: border-box;
	}
	.js-item-sales .item-summary .info .cart .add-to-cart .button[data-terms=""] > span::before {
		content: "お届け申込みはこちら";
	}

	.block-grid.-item2.-kind > .grid + .grid {
		margin-top: 0;
	}
	.block-grid.-kind > .grid + .grid > .textwrap::before {
		content: none;
	}
	.block-grid.-item2.-kind > .grid:first-of-type > .textwrap {
		padding-bottom: 40px;
	}
	.block-grid.-kind .image::before {
		top: -7px;
		left: -5px;
	}
	.block-grid.-kind .image.-hakuhou::before {
		background-image: url(/external/category/image/2025/momonanae/kind_hakuhou_text_sp.png);
		aspect-ratio: 44/53;
		width: min(180px, 40%);
	}
	.block-grid.-kind .image.-kaori::before {
		background-image: url(/external/category/image/2025/momonanae/kind_kaori_text_sp.png);
		aspect-ratio: 167 / 232;
		width: min(174px, 40%);
		top: -23px;
	}
	:where(.lp-daichi) .accordion-group {
		padding-inline: 0;
	}

	.block-grid.-reason {
		grid-template-columns: 1fr;
	}

	.block-grid.-voice {
		grid-template-columns: repeat(2, 1fr);
	}
	.block-grid.-voice .grid:last-of-type {
		transform: translateX(calc(50% + 10px));
	}

}