@charset "utf-8";
/* 2026 115号～ メロン頒布会LP */
/* -------------- common -------------- */
:where(.lp-daichi) {
	--color-font-base: #1c1c1c;
	--color-green-strong: #004832;
	--color-green-strong2: #035e3b;
	--color-green-light: #f7ffc9;
	--color-orange-strong: #ff7800;
	--color-orange-light: #ffa61c;
	--color-orange-dark: #d16200;
	--color-bg-orange: var(--color-orange-light);
	--color-cv: #242424;
	--cv-btn-shadow: rgba(195, 133, 0, .9);
	--height-border-top: clamp(10px, (100vw - 480px)*1000, 20px);

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min0max38: clamp(0rem, -2.375rem + 7.92vw, 2.375rem);
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min8max15: clamp(0.5rem, 0.064rem + 1.46vw, 0.938rem);
	--min12max16: clamp(0.75rem, 0.5rem + 0.83vw, 1rem);
	--min14max16: clamp(0.875rem, 0.75rem + 0.42vw, 1rem);
	--min14max18: clamp(0.875rem, 0.625rem + 0.83vw, 1.125rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min18max24: clamp(1.125rem, 0.75rem + 1.25vw, 1.5rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min18max30: clamp(1.125rem, 0.375rem + 2.5vw, 1.875rem);
	--min24max35: clamp(1.5rem, 0.813rem + 2.29vw, 2.188rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min30max46: clamp(1.875rem, 0.875rem + 3.33vw, 2.875rem);
	--min45max70: clamp(2.813rem, 1.25rem + 5.21vw, 4.375rem);
	--min182max218: clamp(11.375rem, 9.125rem + 7.5vw, 13.625rem);
	--min298max325: clamp(18.625rem, 16.938rem + 5.63vw, 20.313rem);
}

.lp-daichi {
	overflow: hidden;
}

.lp-daichi .list {
	margin-top: 2%;
	line-height: 1.4;
}
.lp-daichi .cv-area ~ .list {
	margin-top: 0;
}
.lp-daichi .list > li {
	margin-top: 0;
}
/* 共通 */
.lp-daichi .-bg_ly {
	background: #fffddd;
	border-top: var(--height-border-top) solid var(--color-green-strong2);
}
.lp-daichi .-bg_orange {
	background: var(--color-bg-orange) url('/external/category/image/2026/melon/bg_ptn01.png') repeat-y center top / contain;
	border-top: var(--height-border-top) solid var(--color-orange-strong);
}

.lp-daichi .block-section {
	box-sizing: border-box;
	padding: 4% 0 0;
	color: var(--color-font-base);
}
.guide-anc + .block-section {
	margin-top: 5%;
}
.lp-daichi .block-section h2 img {
	display: block;
	margin: 0 auto 4%;
}

.lp-daichi .block-section .body-section {
	padding: 0 3% 6%;
}

/* ----- lead ----- */
.block-section.lead {
	background: url('/external/category/image/2026/melon/bg_lead.png') no-repeat center bottom / contain;
}
.block-grid.-lead {
	grid-template-columns: 24.272% auto;
  gap: var(--min10max30);
	padding-inline: 3%;
}
.block-grid.-lead > .image {
	max-width: 233px;
}
.text-wrap.-lead {
	margin-top: 10px;
	color: var(--color-green-strong);
	font-weight: bold;
}
.text-wrap.-lead > .title {
	font-family: var(--font-minchou);
	font-size: var(--min24max35);
	letter-spacing: .04em;
}
.text-wrap.-lead > .text {
	margin-top: var(--min10max15);
	font-size: var(--min16max23);
	line-height: 1.7;
}

/* ----- kodawari ----- */
.block-section.block-section--kodawari h2 img {
	width: 96%;
}
.block-section.block-section--kodawari .points {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	gap: 2%;

	& > li {
		width: 32%;

		& > p {
			width: 90%;
			margin: 5% auto 0;
		
		}

	}
}

/* ----- review ----- */
.block-section.block-section--review h2 img {
	width: 90%;
}
.block-section.block-section--review .body-section .memo {
	padding: 0 2%;
	gap: 10px 5%;
}
.block-section.block-section--review .body-section .memo li:nth-child(n + 3) {
	align-self: end;
}

/* ----- お届けスケジュール ----- */
.block-section.block-section--deli h2 img {
	width: 50%;
}
.block-section.block-section--deli .card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	background-color: #ffffff;
	/* border: solid 1px #bcbcbc; */
}
.block-section.block-section--deli .block-grid.-col2.-deli {
	/* margin-top: 4%; */
	column-gap: 3%;
	row-gap: var(--min15max20);
}
.block-section.block-section--deli .card .name {
	display: grid;
	align-items: center;
	padding: 4.5% 3.5% 3%;
	background-color: var(--color-green-strong2);
	color: #ffffff;
	font-size: var(--min20max26);
	font-weight: bold;
	line-height: 1.25;
}
.block-section.block-section--deli .card .specwrap {
	padding: 4% 3.5%;
}
.block-section.block-section--deli .card .specwrap .date {
	color: var(--color-green-strong2);
	font-size: var(--min14max18);
	font-weight: bold;
}
.block-section.block-section--deli .card .specwrap .amount {
	font-size: var(--min14max16);
}
.block-section.block-section--deli .card .specwrap .price {
	font-size: var(--min14max16);
	font-weight: bold;
}

.block-section.block-section--deli .card .detailwrap {
	padding: 4% 3.5%;
	font-size: 0.875rem;
	line-height: 1.5;
}
.block-section.block-section--deli .card .detailwrap p + p,
.block-section.block-section--deli .card .detailwrap div + p,
.block-section.block-section--deli .card .detailwrap p + div {
	margin-top: 2.5%;
}
.block-section.block-section--deli .card .detailwrap .catch {
	font-size: var(--min14max18);
	font-weight: bold;
}
.block-section.block-section--deli .card .detailwrap .wrap-grid {
	display: grid;
	gap: 2%;
	grid-template-columns: 73% 25%;
}
.block-section.block-section--deli .card .detailwrap .wrap-grid span {
	color: var(--deli-strong);
	font-weight: bold;
}

.deli-note {
	margin-top: var(--min10max15);
}

/* CV */
.lp-daichi .cv-area {
	box-sizing: border-box;
	margin: auto;
	padding: 3% 3% 0;
	width: 100%;
	transition: all 0.7s;
}
.lp-daichi .cv-area a:hover {
	transition: all 0.7s;
	opacity: 0.7;
}

.cv-area > .btnwrap {
	margin-top: var(--min15max20);
}
.cv-area .js-item-sales {
	margin: 0 auto;
	width: min(var(--min270max410), 100%);
	width: min(410px, 70%);
}
.js-item-sales .item-summary .info .cart::after {
	content: "お休み、途中解約もOK";
	display: block;
	font-size: var(--min14max17);
	color: initial;
	font-weight: bold;
	margin-top: 10px;
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button {
	height: var(--min45max70);
	filter: none;
	box-shadow: 0 5px 0 var(--cv-btn-shadow);
	border-radius: var(--min8max15);
	transition: .3s;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button:hover {
	box-shadow: 0 2px 0 var(--cv-shadow);
	transform: translateY(3px);
	transition: .3s;
}
.js-item-sales .item-summary .info .cart .add-to-cart fieldset .button > span {
	background-size: 25px;
	padding-left: 32px;
	margin: 0;
	padding-top: var(--min3max5);
}

/* 限定数非表示 */
.lp-daichi .cv-area .js-item-sales.session .item-summary .info .special-note {
	display: none;
}

@media (max-width: 480px) {
	.lp-daichi .cv-area .js-item-sales.session {
		margin-top: 1.5%;
	}

	.block-section {
		padding: 6% 4%;
	}
	/* ----- lead ----- */
	.block-grid.-lead {
		grid-template-columns: 1fr;
	}
	.block-grid.-lead > .image {
		order: 1;
		margin-inline: auto;
	}

	/* ----- kodawari ----- */
	.block-section.block-section--kodawari .points {
		gap: 10px 4%;

		& > li {
			width: 48%;
		}
	}

	/* ----- review ----- */
	.block-section.block-section--review .body-section .memo {
		gap: 20px;
	}
	.block-section.block-section--review .body-section .memo li {
		width: 80%;
		margin: auto;
	}
	.block-section.block-section--review .body-section .memo li:nth-child(n + 3) {
		align-self: start;
	}

	/* CV */
	.lp-daichi .cv-area {
		padding-top: 5%;
	}

}