@charset "utf-8";
/* 2026 105号～ トマト頒布会LP */
:where(.lp-daichi) {
	--color-key01: #cc0000;
	--color-key02: #00743f;
	--color-read: #fff;
	--read-bg: #00462b;
	--color-cv: #fff;
	--color-pickup: #2e150f;
	--bg01: #f9ffd8;
	--item-radius: 24px;

	/* 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);
	--min8max10: clamp(0.5rem, 0.375rem + 0.42vw, 0.625rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min12max16: clamp(0.75rem, 0.5rem + 0.83vw, 1rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min18max22: clamp(1.125rem, 0.875rem + 0.83vw, 1.375rem);
	--min18max24: clamp(1.125rem, 0.75rem + 1.25vw, 1.5rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min13max65: clamp(0.813rem, -2.438rem + 10.83vw, 4.063rem);
	--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);
}

/* 共通 */
.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;
}

.block-grid.-reverse {
	grid-template-areas: "image text";
}
.block-grid.-reverse .textwrap {
	grid-area: text;
}
.block-grid.-reverse .image {
	grid-area: image;
}

.block-grid.-appeal {
	gap: var(--min10max20);
	align-items: center;
}
.block-grid.-appeal .title {
	font-size: var(--min17max21);
	line-height: 1.3;
}
.block-grid.-appeal .title + .text {
	margin-top: 2%;
}

/* リード */
.main-area .read {
	padding: 0 3%;
	background-color: var(--read-bg);
}
.main-area .read .block-grid.-col2 {
	grid-template-columns: 42% 58%;
	justify-items: center;
	align-items: end;
}
.main-area .read .block-grid.-col2 .image {
	height: 100%;
	overflow: hidden;
}
.main-area .read .block-grid.-col2 .image img {
	height: 100%;
	object-fit: cover;
}

.main-area .read .block-grid.-col2 .text {
	box-sizing: border-box;
	padding: 4% 0 0 5%;
	color: var(--color-read);
	font-size: var(--min18max24);
	line-height: 1.75;
	text-align: left;
}
.main-area .read .block-grid.-col2 .text .illust {
	margin-top: 4%;
}

/* CV */
.cv-area {
	box-sizing: border-box;
	margin: auto;
	padding: 3% 3% 0;
	width: 100%;
}
.cv-area .dialog-opener {
	transition: all 0.7s;
}
.cv-area .dialog-opener:hover {
	transition: all 0.7s;
	opacity: 0.7;
}
.cv-area a:hover {
	opacity: 1;
}
.cv-area .btnwrap {
	border: var(--min2max5) solid var(--cv-border);
	border-top-style: none;
	padding: 2% 3.5% 0.5%;
}
.cv-area .js-item-sales.session {
	margin: 0 auto;
	width: min(530px, 80%);
}
.js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button {
	height: var(--min45max70);
	box-shadow: none;
	background-image: url(/external/category/image/2026/tomato/icon_arrow.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: var(--min12max16);
}
.cv-area:hover .js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button {
	animation: none;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button {
	width: 100%;
	max-width: 529px;
	filter: none;
	background-color: var(--color-cv-bg);
	box-shadow: 0 6px 0 var(--cv-shadow);
	border-radius: 15px;
	padding-block: 16px 10px;
	transition: all .7s;
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: 0.15rem;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button > span {
    background: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 8px;
    color: #242424;
    align-items: center;
}

.js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button[data-terms=""] > span {
	padding: 0;
	margin: 0;
	background: none;
}
.js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button::before,
.js-item-sales.session .item-summary .info .cart .add-to-cart fieldset .button::after {
	content: none!important;
}

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

/* ピックアップ */
.block-section--pickup {
	margin-top: var(--min30max50);
}
.block-section.block-section--pickup .heading {
	background-color: var(--color-pickup);
	padding: 2.5%;
}
.block-section.block-section--pickup .heading img {
	display: block;
	margin: 0 auto;
	width: min(88%, 724px);
}
.block-section.block-section--pickup .inner {
	box-sizing: border-box;
	background: #f3e4d8 url(/external/category/image/2026/tomato/pickup_bgImg_pc.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 4% 3%;
	min-height: 480px;
	color: var(--color-pickup);
}
.block-section.block-section--pickup .inner .block-grid--items {
	width: 48%;
}
.block-section.block-section--pickup .inner .block-grid--items .block-box {
	box-sizing: border-box;
	background:rgb(255, 255, 255, 0.7);
	padding: 4%;
}
/* .block-section.block-section--pickup .inner .block-grid--items li + li {
	margin-top: 4%;
} */
.block-section.block-section--pickup .inner .block-grid--items .block-box.-first {
	padding-bottom: 0;
}
.block-section.block-section--pickup .inner .block-grid--items .title {
	text-align: center;
	font-size: var(--min17max22);
	font-weight: bold;
	padding-inline: 0;
}
.block-section.block-section--pickup .inner .block-grid--items .text {
	margin-top: 2%;
	line-height: 1.5;
}

/* こだわり */
.block-section.block-section--kodawari .block-grid.block-grid--items {
	margin-top: 5%;
	padding: 0 3%;
	gap: 20px;
}
.block-section.block-section--kodawari .block-grid.block-grid--items .block-grid {
	column-gap: 4%;
	place-items: center;
}
.block-section.block-section--kodawari .textwrap .title img {
	width: 95%;
}
.block-section.block-section--kodawari .textwrap .text {
	margin-top: 6%;
	font-size: var(--min16max18);
	line-height: 1.75;
}


/* 背景色あり bg01 */
.block-section.-bg01 {
	margin-top: 5%;
}
.block-section.-bg01 .inner {
	background-color: var(--bg01);
}
.block-section.-bg01 .heading {
	text-align: center;
	position: relative;
	background: linear-gradient(to bottom, transparent 50%, var(--bg01) 50%);
}
.block-section.-bg01 .heading::before,
.block-section.-bg01 .heading::after {
	content: '';
	display: inline-block;
	height: 8px;
	width: 28%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(/external/category/image/2026/tomato/bg_ten.png) repeat-x 0 0;
}
.block-section.-bg01 .heading::before {
	left: 0;
	background-position: right;
}
.block-section.-bg01 .heading::after {
	right: 0;
	background-position: left;
}
.block-section.-bg01 .heading img {
	max-width: 44%;
	width: auto;
}
.block-section--review.-bg01 .heading img {
	max-width: 26%;
}

/* お届けスケジュール */
.block-section--deli.-bg01 > .inner {
	padding: 4% 3%;
	background: url(/external/category/image/2026/tomato/schedule_bg.png), #f9ffd8;
	background-repeat: no-repeat, repeat;
	background-size: 100%, 100%;
	background-position: left bottom, center;
}
/* .deli-title.-first {
	margin-top: var(--min15max20);
} */
.deli-title.-second {
	margin-top: var(--min30max40);
}
.deli-title > img {
	display: block;
	margin-inline: auto;
}
.deli-title > .number {
	width: min(105px, 60%);
}
.deli-title > .text {
	margin-top: var(--min10max15);
	width: min(615px, 100%);
}
.schedule-dsc {
	display: block;
	margin-top: var(--min15max20);
	font-size: var(--min16max18);
	text-align: center;
}
.schedule-text {
	margin-top: var(--min15max20);
	background: #fff;
	box-sizing: border-box;
	padding: var(--min18max20) var(--min13max65);
	font-weight: bold;
}
.schedule-text .amount {
	font-weight: normal;
}
.block-grid.-schedule {
	margin-top: var(--min4max5);
	gap: var(--min4max5) var(--min20max35);
}
.schedule-text > .title,
.block-grid.-schedule > .text {
	color: var(--color-key02);
	font-size: var(--min16max18);
	line-height: 1.3;
}
.schedule-text > .title::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 20px;
	margin-top: -3px;
	margin-right: 10px;
	background: var(--color-key02);
	vertical-align: middle;
}
.schedule-text > .price {
	display: block;
	margin-top: var(--min8max10);
}
.schedule-text .amonut {
	font-weight: normal;
}
.block-section.block-section--deli .title-section {
	width: 56%;
	max-width: 529px;
}
.block-section.block-section--deli .card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	background-color: #fff;
}
.block-grid.-deli.-first .card {
	grid-row: span 3;
}
.block-section.block-section--deli .block-grid.-col2.-deli {
	margin-top: var(--min20max25);
	column-gap: 3%;
	row-gap: var(--min15max20);
}
.block-section.block-section--deli .card .name {
	padding: 3% 4.5% 2%;
	background-color: var(--color-key01);
	color: #ffffff;
	font-size: var(--min22max28);
	font-weight: bold;
	line-height: 1.25;
}
.block-section.block-section--deli .card .name.-space {
	padding: 7.5% 4.5% 7%;
}
.name-small {
	font-size: var(--min18max23);
}
.block-section.block-section--deli .card .specwrap {
	padding: 3.5%;
}
.block-section.block-section--deli .card .specwrap .date {
	color: var(--color-key02);
	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: 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: 4%;
	grid-template-columns: 34% 62%;
}
.detailwrap > .title {
	font-size: var(--min16max18);
}
.detailwrap .text {
	margin-top: 1%;
}
.block-section--deli > .note {
	margin-top: 2.5%;
	font-size: var(--min16max18);
}

/* レビュー */
.block-section.block-section--review.-bg01 .heading::before,
.block-section.block-section--review.-bg01 .heading::after {
	width: 34%;
}
.block-section--review .inner {
	padding: 6.5% 3% 5%;
}
.block-section--review .inner .block-grid.-col2 {
	column-gap: 1.5%;
	row-gap: 2rem;
	align-items: center;
	justify-items: center;
}

/*  食べごろ出荷：parts非表示 */
.original-part .tabegoro-mark,
.original-part .howto {
	display: none;
}

@media (max-width: 768px) {
	.item-schdule, .item-review {
		margin-top: 8%;
	}
	.item-schdule .heading, .item-review .heading {
		margin-bottom: -3%;
	}
	.item-schdule .heading::before, .item-schdule .heading::after,
	.item-review .heading::before, .item-review .heading::after {
		width: 18vw;
	}
	.item-schdule .heading img, .item-review .heading img {
		width: 50vw;
	}
	.item-schdule .read {
		font-size: 1rem;
	}

}

@media (max-width: 480px) {
	.block-grid.-reverse {
		grid-template-areas:
			"text"
			"image";
	}

	.cv-area {
		padding: 5% 5% 0;
	}
	.cv-area .js-item-sales.session {
		margin-top: 1.5%;
	}

	.block-section {
		/* padding: 6% 4%; */
		padding: 0;
	}

	/* リード */
	.main-area .read {
		padding: 5% 3% 0;
	}
	.main-area .read .block-grid.-col2 {
		grid-template-columns: 1fr;
	}
	.main-area .read .block-grid.-col2 .text {
		padding: 4% 0 0;
	}

	/* ピックアップ */
	.block-section.block-section--pickup .heading img {
		width: 100%;
	}
	.block-section.block-section--pickup .inner {
		background: #f3e4d8 url(/external/category/image/2026/tomato/pickup_bgImg_sp.jpg) no-repeat center bottom;
		background-size: 100%;
		padding: 4% 5%;
		min-height: 540px;
	}
	.block-section.block-section--pickup .inner .block-grid--items {
		width: 100%;
		margin: 0 auto;
	}
	.block-section.block-section--pickup .inner .block-grid--items .text {
		margin-top: 2%;
		line-height: 1.5;
	}

	/* こだわり */
	.block-section.block-section--kodawari .block-grid.block-grid--items {
		margin-top: 8%;
		padding: 0 10%;
		gap: 30px;
	}
	.block-section.block-section--kodawari .textwrap .text {
		margin-top: 2%;
	}
	.block-section.block-section--kodawari .image {
		margin-top: 2%;
		width: 80%;
	}

	/* 背景色あり bg01 */
	.block-section.-bg01 {
		margin-top: 8%;
	}
	.block-section.-bg01 .heading img {
		max-width: 55%;
	}
	.block-section.-bg01 .heading::before, 
	.block-section.-bg01 .heading::after {
		width: 20%;
	}

	/* レビュー */
	.block-section.block-section--review.-bg01 .heading::before,
	.block-section.block-section--review.-bg01 .heading::after {
		width: 25%;
	}
	.block-section--review .inner {
		padding: 10% 2% 8%;
	}
	.block-section--review .inner .block-grid.-col2 {
		row-gap: 1rem;
	}

}