@charset "utf-8";
/* りんご七会 2025 */

:where(.lp-daichi) {
  --lp-clr: #482c24;
	--lp-accent: #990000;
	--lp-apple: #f5f3ea;
	--cv-green: #99e666;
	--cv-shadow1: rgba(195, 133, 0, .9);
	--cv-shadow2: rgba(81, 155, 32, 0.9);

	/* https://min-max-calculator.9elements.com/ */
	/* 480px-960px幅 */
	--min0max11: clamp(0rem, -0.688rem + 2.29vw, 0.688rem);	
	--min2max5: clamp(0.125rem, -0.063rem + 0.63vw, 0.313rem);
	--min3max10: clamp(0.188rem, -0.25rem + 1.46vw, 0.625rem);
	--min7max20: clamp(0.469rem, -0.313rem + 2.6vw, 1.25rem);
	--min8max14: clamp(0.5rem, 0.125rem + 1.25vw, 0.875rem);
	--min9max13: clamp(0.563rem, 0.313rem + 0.83vw, 0.813rem);
	--min10max35: clamp(0.625rem, -0.938rem + 5.21vw, 2.188rem);
	--min40max60: clamp(2.5rem, 1.25rem + 4.17vw, 3.75rem);
	--min11max18: clamp(0.688rem, 0.25rem + 1.46vw, 1.125rem);
	--min14max24: clamp(0.875rem, 0.219rem + 2.19vw, 1.531rem);
	--min15max26: clamp(0.938rem, 0.25rem + 2.29vw, 1.625rem);
	--min15max30: clamp(0.938rem, 3.13vw, 1.875rem);
	--min16max24: clamp(1rem, 0.5rem + 1.67vw, 1.5rem);
	--min17max29: clamp(1.063rem, 0.313rem + 2.5vw, 1.813rem);
	--min17max45: clamp(1.063rem, -0.688rem + 5.83vw, 2.813rem);
	--min18max30: clamp(1.125rem, 0.375rem + 2.5vw, 1.875rem);
	--min18max39: clamp(1.125rem, -0.188rem + 4.38vw, 2.438rem);
	--min19max35: clamp(1.188rem, 0.188rem + 3.33vw, 2.188rem);
	--min20max22: clamp(1.25rem, 1.125rem + 0.42vw, 1.375rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);	
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max35: clamp(1.25rem, 0.313rem + 3.13vw, 2.188rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min20max50: clamp(1.25rem, -0.625rem + 6.25vw, 3.125rem);
	--min23max40: clamp(1.438rem, 0.375rem + 3.54vw, 2.5rem);
	--min24max30: clamp(1.5rem, 1.125rem + 1.25vw, 1.875rem);
	--min24max40: clamp(1.5rem, 0.5rem + 3.33vw, 2.5rem);
	--min25max45: clamp(1.563rem, 0.313rem + 4.17vw, 2.813rem);
	--min25max50: clamp(1.563rem, 5.21vw, 3.125rem);
	--min25max100: clamp(1.563rem, -3.125rem + 15.63vw, 6.25rem);
	--min30max40: clamp(1.875rem, 1.25rem + 2.08vw, 2.5rem);
	--min30max45: clamp(1.875rem, 0.938rem + 3.13vw, 2.813rem);
	--min32max40: clamp(2rem, 1.5rem + 1.67vw, 2.5rem);
	--min32max55: clamp(2rem, 0.563rem + 4.79vw, 3.438rem);
	--min35max60: clamp(2.188rem, 0.625rem + 5.21vw, 3.75rem);
	--min36max63: clamp(2.25rem, 0.563rem + 5.63vw, 3.938rem);
	--min38max70: clamp(2.375rem, 0.375rem + 6.67vw, 4.375rem);
	--min318max380: clamp(19.875rem, 16rem + 12.92vw, 23.75rem);
}

.lp-daichi.-apple {
  background: var(--lp-apple);
}
.cv-area,
.schedule-area {
	padding: var(--min7max20);
}
.contents-area.-apple,
.main-area {
	color: var(--lp-clr);
}
:where([class]).-minchou {
  font-family: var(--font-minchou);
}
.lead-sec,
.area-title {
	text-align: center;
}
.area-title {
	color: var(--lp-accent);
	font-size: var(--min30max45);
	line-height: 1.3;
}

.lead-sec {
	padding: 1% 2% 3%;
}
.page-title {
	font-size: var(--min35max60);
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: .04em;
}
.page-title > .small {
	font-size: var(--min32max55);
}
.page-title > .sub {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: flex-end;
	gap: var(--min2max5);
	font-weight: unset;
	font-size: var(--min23max40);
	line-height: 1.5;
	letter-spacing: .03em;
}
.page-title > .sub::before, 
.page-title > .sub::after {
	content: "";
	display: block;
	width: 100%;
	height: var(--min36max63);
	background: url(/external/category/image/2025/apple/dotted_line_black.svg) no-repeat center right / contain;
}
.page-title > .sub::after {
	transform: scale(-1, 1);
}
.sub-title{
	padding-right: 3px;
}
.sub-title > .small {
	font-size: var(--min20max35);
}
.lead-text {
	font-weight: bold;
	line-height: 1;
}
.regular-text {
	display: inline-block;
	padding: 1.5% 2.3% 1% 2.5%;
	margin-right: 1.3%;
	background: var(--lp-clr);
	border-radius: 3vw;
	color: var(--lp-apple);
	font-size: var(--min14max24);
	letter-spacing: .05em;
}
.regular-text > .small {
	font-size: var(--min11max18);
}
.term-text {
	display: inline-block;
	font-size: var(--min17max29);
	letter-spacing: .08em;
	transform: translateY(2px);
}

.charm1-area {
	background: #c9f3b0;
}
.area-title.-charm1 {
	color: #fff;
	font-size: var(--min30max45);
	letter-spacing: .08em;
	text-shadow: 0 0 0px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1), 0 0 40px rgba(0, 0, 0, 1), 0 0 65px rgba(0, 0, 0, 1);
}
.charm1-sec.-top {
	padding-top: var(--min15max30);
	background: url(/external/category/image/2025/apple/charm1_bg_top.png) no-repeat top center / contain;
}
.block-grid.-charm1:nth-of-type(1) {
	margin-top: var(--min32max40);
}
.block-grid.-charm1:nth-of-type(2) {
	margin-top: 10px;
}
.charm-textwrap > .title {
	color: var(--lp-accent);
	font-size: var(--min30max40);
}
.charm-textwrap.-small > .title {
	font-size: var(--min24max30);
}
.charm-textwrap.-first {
	padding: 16% 4% 2% 12%;
}
.charm-textwrap.-second {
	padding: 6% 12% 2% 16%;
	order: 2;
}
.charm-image.-second {
	transform: translateX(6%);
	order: 1;
}
.charm-image.-second > img {
	width: 96%;
}
.charm-textwrap > .text {
	margin-top: 10px;
	font-size: var(--min20max26);
	font-weight: bold;
}
.charm-textwrap.-small > .text {
	font-size: var(--min20max22);
}
.charm1-sec.-btm {
	background: url(/external/category/image/2025/apple/charm1_bg_btm.png) no-repeat top center / cover;
}
.charm-text {
	display: inline-block;
	margin: 13.5% 0 6.5%;
	padding: 5.7% 6%;	
	background: rgba(255, 255, 255, .9);
	font-size: var(--min20max30);
	line-height: 1.6;
	font-weight: bold;
}
.charm-text .accent {
	color: var(--lp-accent);
}

.charm2-area {
	margin-top: var(--min20max40);
	padding-top: var(--min15max30);
	padding-bottom: 30px;
  background: linear-gradient(to bottom,rgba(201, 243, 176, 1) 0%,rgba(201, 243, 176, 0.1) 100%);
}
.block-grid.-charm2:nth-of-type(1),
.block-grid.-charm2:nth-of-type(3) {
	margin-top: var(--min20max30);
}
.block-grid.-charm2:nth-of-type(2) {
	margin-top: var(--min20max50);
}
.charm-image.-third,
.charm-image.-fifth {
	order: 1;
}
.charm-textwrap.-third,
.charm-textwrap.-fifth {
	order: 2;
}
.charm-image.-fourth {
	margin-top: 4%;
}
.charm-textwrap.-third {
  padding: 2% 12% 0 6%;
}
.charm-textwrap.-fourth {
  padding: 0 6% 0 12%;
}
.charm-textwrap.-fifth {
  padding: 2% 12% 0 6%;
}
.charm2-sec {
	position: relative;
	display: block;
	width: calc(100% - var(--min25max100));
	margin: 30px auto 0;
	padding: 3.2% 8.4% 3.2% 10.5%;
	background: #fff;
	box-sizing: border-box;
}
.charm2-sec:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(/external/category/image/2025/apple/charm2-sec_bg1.png), url(/external/category/image/2025/apple/charm2-sec_bg2.png);
  background-position: 109% 9%, -2% 93%;
	background-size: 38.3%, 23.9%;
	z-index: 0;
}
.charm2-titlewrap,
.charm2-textwrap {
	position: relative;
	z-index: 1;
}
.charm2-titlewrap {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 5px;
	line-height: 1.5;
	letter-spacing: .03em;
	font-size: var(--min18max30);
	color: var(--lp-accent);
}
.charm2-titlewrap::before, 
.charm2-titlewrap::after {
    content: "";
    display: block;
    width: 100%;
		min-width: 25px;
    height: var(--min38max70);
    background: url(/external/category/image/2025/apple/dotted_line_red.svg) no-repeat center right / contain;
}
.charm2-titlewrap::after {
    transform: scale(-1, 1);
}
.charm2-title {
	padding-left: var(--min0max11);
	text-align: center;
	line-height: 1.3;
}
.charm2-title > .strong {
	font-size: var(--min24max40);
}
.charm2-textwrap {
	max-width: 547px;
	font-size: var(--min20max22);
}
.charm2-textwrap:nth-of-type(1){
	margin-top: var(--min17max45);
	margin-right: 17.5%;
}
.charm2-textwrap:nth-of-type(even) {
	margin: -2.7% 0 0 17.5%;
}
.charm2-textwrap::after {
	content: "";
	display: block;
	width: 100%;
	height: var(--min20max40);
	background: url(/external/category/image/2025/apple/charm2-sec_arrow.svg) no-repeat top left var(--min25max50) / contain;
}
.charm2-textwrap:nth-of-type(even)::after {
	transform: scale(-1, 1);
}
.charm2-text {
	padding: var(--min18max39) var(--min19max35);
	border-radius: var(--min3max10);
	background: #f0f0e6;
}
.charm2-text > .accent {
	color: var(--lp-accent);
}

.cv-area {
  padding-bottom: 0;
}
.block-grid.-cv {
	background: #fff;
}
.cv-item {
	padding: 5% 1.7%;
	max-width: 480px;
	margin: 0 auto;
}
.js-item-sales .item-summary .info .cart {
	width: 99%;
	max-width: 380px;
	margin: var(--min8max14) auto 0;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button {
	filter: none;
	box-shadow: 0 6px 0 var(--cv-shadow1);
	border-radius: var(--min8max14);
	padding-block: 16px 10px;
	transition: all .7s;
	margin: 0;
	color: initial;
}
.js-item-sales.-first .item-summary .info .cart .add-to-cart.registration fieldset .button {
	background-color: var(--cv-green);
	box-shadow: 0 6px 0 var(--cv-shadow2);
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button:hover {
	transition: all .7s;
	box-shadow: 0 2px 0 var(--cv-shadow1);
	transform: translateY(6px);
}
.js-item-sales.-first .item-summary .info .cart .add-to-cart.registration fieldset .button:hover {
	box-shadow: 0 2px 0 var(--cv-shadow2);
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration fieldset .button[data-terms=""] > span {
	background: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: auto 0 1fr;
	column-gap: 3px;
	align-items: center;
	font-size: 0;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration .button[data-terms=""] > span::before {
	content: "";
	display: block;
	width: 30px;
	aspect-ratio: 17 / 15;
	background: url(/assets/img/icon_reserve-renewal.png) no-repeat;
	background-size: contain;
}
.js-item-sales .item-summary .info .cart .add-to-cart.registration .button[data-terms=""] > span::after {
	content: "1.15kgを申し込む";
	font-size: var(--min16max24);
	line-height: 1;
	letter-spacing: 0;
}
.js-item-sales.-second .item-summary .info .cart .add-to-cart.registration .button[data-terms=""] > span::after {
	content: "650gを申し込む";
}
.js-item-sales .item-summary .info .cart .add-to-cart .button:disabled[data-terms=""] > span::after,
.js-item-sales.-second .item-summary .info .cart .add-to-cart .button:disabled[data-terms=""] > span::after {
	content: "定期登録済み";
}
.cv-list {
	display: block;
	width: calc(100% - var(--min25max100));
	max-width: 695px;
	margin: var(--min20max40) auto 0;
	padding-bottom: var(--min38max70);
	color: #333;
	font-size: var(--min9max13);
	line-height: 1.7;
}

.schedule-area {
  padding-top: var(--min40max60);
}
.schedule-area > .image {
	display: block;
	margin-top: var(--min10max35);
}
.schedule-area > .image.-leaflet {
	margin: var(--min15max30) auto 0;
	width: 92%;
}

@media (max-width: 480px) {
	.lead-sec {
    padding: 0 2% 2%;
	}
	.page-title {
    line-height: 1.4;
	}
	.regular-text {
    padding: 2.4% 3.5% 1.7% 4%;
	}

	.charm1-sec.-top {
    background: url(/external/category/image/2025/apple/charm1_bg_top_sp.png) no-repeat top center / contain;
	}
	.area-title.-charm1 {
    text-shadow: 0 0 0px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1), 0 0 23px rgba(0, 0, 0, 1), 0 0 35px rgba(0, 0, 0, 1);
	}
	.block-grid.-charm1:nth-of-type(2) {
    margin-top: 22px;
	}
	.charm-textwrap[class] {
    padding: 0 7.3%;
	}
	.charm-textwrap > .title {
    text-align: center;
	}
	.charm-image {
		margin-top: 5px;
	}
	.charm-image.-second {
    transform: unset;
    max-width: 173px;
    margin: 15px auto 0;
	}
	.charm-image.-third,
	.charm-image.-fourth,
	.charm-image.-fifth {
		max-width: 240px;
		margin: 5px auto 0;
	}
	.charm-textwrap > .text {
    margin-top: 7px;
    padding: 0 8px;
	}
	.charm-textwrap.-first> .text {
		letter-spacing: .05em;
	}
	.charm-textwrap.-second > .text {
		margin-top: 0;
	}
	.charm1-sec.-btm {
		margin-top: 17px;
		padding: 0 7.3%;
    background: url(/external/category/image/2025/apple/charm1_bg_btm_sp.png) no-repeat top center / cover;
		text-align: center;
	}
	.charm-text {
    margin: 33% auto 6.5%;
    padding: 7.4% 10.4%;
		text-align: left;
	}
	.charm2-area {
		padding-bottom: 42px;
	}
	.charm2-sec {
		padding: 15px 32px 32px;
	}
	.charm2-titlewrap {
		gap: 0;
	}
	.charm2-textwrap:nth-of-type(1){
		margin-right: 0;
	}
	.charm2-textwrap:nth-of-type(even) {
    margin: 10px 0 0;
	}
	.charm2-sec:after {
    background-position: 110% -9%, -8% 82%;
    background-size: 49.3%, 34%;
	}
	.js-item-sales .item-summary .info .cart {
		max-width: 318px;
	}
	.js-item-sales .item-summary .info .cart .add-to-cart.registration .button[data-terms=""] > span::after {
		font-size: clamp(0rem, 5vw, 1.5rem);
	}
}