@charset "UTF-8";

:root {
	--100vw: 100vw;
	--window-width: tan(atan2(var(--100vw), 1px));
	--px: calc(1px * max(1440, var(--window-width)) / 1440);
	--rem: calc(1rem * max(1440, var(--window-width)) / 1440);
	--_px: calc(1px * var(--window-width) / 1440);
	--col-textbrown: #493a32;
	--col-textred: #b85c45;
	--col-textgreen: #59634a;
	--col-textwhite: #ffffff;
	--col-background: #f7f1e6;
	--col-backgroundwhite: #ffffff;
	--col-backgroundyellow: url("../../../cms/wp-content/themes/srh/img/lp/2026autumn/yellow_back.webp");
	--col-backgroundsprite: url("../../../cms/wp-content/themes/srh/img/lp/2026autumn/stripe-background.webp");
	--col-backgroundsprite-red: url("../../../cms/wp-content/themes/srh/img/lp/2026autumn/stripe-background-red.webp");
	--col-backgroundsprite-green: url("../../../cms/wp-content/themes/srh/img/lp/2026autumn/stripe-background-green.webp");
	/*--col-backgroundwhite: #fff;
    --col-backgroundblack: #101010;
    --col-textblack: #111111;
    --col-textgray: #6c6d6e;
    --col-border-black: #111111;
    --col-border-gray: #dddddd;*/
	--offset: clamp(2 * var(--rem), 1.296 * var(--rem) + 3vw, 4 * var(--rem));
	--gap: clamp(2 * var(--rem), 1.296 * var(--rem) + 3vw, 4 * var(--rem));
	--radius: calc(10 * var(--px));
	--border-height: calc(0.4 * var(--rem));
	--fz-body: clamp(
		1.5rem,
		calc(1.4648rem + 0.0939vw),
		calc(1.6 * var(--rem))
	);
	--fz-concept-text: clamp(
		2rem,
		calc(1.5775rem + 1.1268vw),
		calc(2.4 * var(--rem))
	);

	--fz-lv1: clamp(2.2 * var(--rem), 1 * var(--rem) + 4.5vw, 5rem);
	--fz-lv2: clamp(
		2.4 * var(--rem),
		2.118 * var(--rem) + 1.2vw,
		2.6 * var(--rem)
	);
	--fz-lv3: clamp(
		2.2 * var(--rem),
		1.783 * var(--rem) + 1.35vw,
		2.4 * var(--rem)
	);
	--fz-lv4: clamp(
		2 * var(--rem),
		1.859 * var(--rem) + 0.6vw,
		2.4 * var(--rem)
	);
	/*--fz-lv5: clamp(2* var(--rem), 1.859* var(--rem) + 0.6vw, 2.4* var(--rem));
    --fz-lv6: clamp(1.7* var(--rem), 1.665* var(--rem) + 0.15vw, 1.8* var(--rem));
    --fz-small: calc(1.4* var(--rem));
    --fz-xsmall: calc(1.2* var(--rem));
    --fz-xxsmall: calc(1* var(--rem));
    --lh-body: 2.2em;
    --lh-lv1: 1.4em;
    --lh-lv2: 1.4em;
    --lh-h4: 1.8em;
    --lh-h5: clamp(3.04* var(--rem), .188vw + 2.9695* var(--rem), 3.24* var(--rem));*/
	--space-01-px: calc(80 * var(--px));
	--space-01-rem: calc(8 * var(--rem));
	--space-02-px: calc(40 * var(--px));
	--space-02-rem: calc(4 * var(--rem));
	--space-03-px: calc(20 * var(--px));
	--space-03-rem: calc(2 * var(--rem));
	--space-03-01-rem: clamp(
		1 * var(--rem),
		0.789 * var(--rem) + 0.9vw,
		1.6 * var(--rem)
	);
	--space-03-01-px: clamp(
		1 * var(--px),
		0.789 * var(--px) + 0.9vw,
		1.6 * var(--px)
	);
	--icon-size: calc(1 * var(--rem));
	--heading-width: calc(2 * var(--rem) + 60 * var(--px));
}

/*
a,
article,
audio,
b,
blockquote,
body,
button,
canvas,
div,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
input,
label,
li,
main,
nav,
ol,
p,
picture,
section,
select,
small,
span,
strong,
table,
tbody,
td,
textarea,
th,
tr,
ul,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: content-box;
  box-sizing: initial;
  vertical-align: baseline;
}
a,
b,
body,
input,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
p,
span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--fz-body);
  line-height: var(--lh-body);
  color: var(--col-textbrown);
}
a,
a:hover,
a:visited {
  text-decoration: none;
}
button,
select {
  text-transform: none;
  background-color: transparent;
  cursor: pointer;
}
ol,
ul {
  list-style: none;
}
html {
  font-size: 62.5%;
  text-size-adjust: 100%;
  scroll-snap-type: y proximity;
  scroll-padding-top: calc(8* var(--rem));
}
body {
  background-color: var(--col-background);
}
img {
  width: 100%;
  height: auto;
}

*/

.p-2026-autumn a,
.p-2026-autumn b,
.p-2026-autumn body,
.p-2026-autumn input,
.p-2026-autumn textarea,
.p-2026-autumn button,
.p-2026-autumn h1,
.p-2026-autumn h2,
.p-2026-autumn h3,
.p-2026-autumn h4,
.p-2026-autumn h5,
.p-2026-autumn p,
.p-2026-autumn span {
	font-family: "Noto Sans JP", sans-serif;
	font-size: var(--fz-body);
	line-height: var(--lh-body);
}

.p-2026-autumn h2 {
	font-weight: 700;
}

.p-2026-autumn h3 {
	font-weight: 700;
}

.p-2026-autumn p {
	font-weight: 700;
}

.p-2026-autumn img {
	max-width: 100%;
	height: auto;
}

.p-2026-autumn__sp-only {
	display: none;
}
@media screen and (max-width: 991px) {
	.p-2026-autumn__pc-only {
		display: none;
	}
	.p-2026-autumn__sp-only {
		display: block;
	}
}

/* layout */

/*
.u-mt01p {
  margin-top: var(--space-01-px)
}
.u-mt01r {
  margin-top: var(--space-01-rem)
}
.u-mt02p {
  margin-top: var(--space-02-px)
}
.u-mt02r {
  margin-top: var(--space-02-rem)
}
.u-mt03p {
  margin-top: var(--space-03-px)
}
.u-mt03r {
  margin-top: var(--space-03-rem)
}
.u-mt0102p {
  margin-top: var(--space-01-02-px)
}
.u-mt0102r {
  margin-top: var(--space-01-02-rem)
}
.u-mt0203p {
  margin-top: var(--space-02-03-px)
}
.u-mt0203r {
  margin-top: var(--space-03-02-rem)
}
.u-fz-xxsmall {
  font-size: var(--fz-xxsmall)
}
.u-fz-xsmall {
  font-size: var(--fz-xsmall)
}
 */

/* component */

/* =====================
ボタン
===================== */

.p-2026-autumn__spend-buttons {
	grid-column: 3 / 11;
	grid-row: 3;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(2 * var(--rem));
}

.p-2026-autumn__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(2 * var(--rem));
	padding: calc(2.6 * var(--rem)) calc(4 * var(--rem));
	border-radius: calc(5 * var(--rem));
	color: var(--col-textwhite);
	text-decoration: none;
}
@media screen and (max-width: 991px) {
	.p-2026-autumn__button {
		padding: calc(2 * var(--rem)) calc(2 * var(--rem));
	}
}
.p-2026-autumn__button-arrow {
	width: calc(1.6 * var(--rem));
	height: auto;
}
.p-2026-autumn__button:hover {
	color: var(--col-textwhite);
}

/* アクティブ */
.p-2026-autumn__button-active {
	background-color: #b85c45;
}
/* リラックス */
.p-2026-autumn__button-relax {
	background-color: #59634a;
}

@media screen and (max-width: 991px) {
	.p-2026-autumn__spend-buttons {
		grid-column: 1 / -1;
		grid-row: 3;
		grid-template-columns: 1fr;
		gap: calc(1.5 * var(--rem));
		margin-top: calc(3 * var(--rem));
	}
}

.p-2026-autumn__button-icon {
	width: calc(6 * var(--rem));
}

/* =====================
  link
===================== */

.p-2026-autumn__link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(1 * var(--rem));
	width: fit-content;
	padding: calc(1 * var(--rem)) calc(2.5 * var(--rem));
	border-radius: calc(3 * var(--rem));
	background-color: var(--col-textbrown);
	color: #fff;
	font-size: calc(1.4 * var(--rem));
	line-height: 1.4;
	text-decoration: none;
}

.p-2026-autumn__link span {
	font-size: calc(1.8 * var(--rem));
	line-height: 1;
}
.p-2026-autumn__link:hover {
	color: var(--col-textwhite);
}

.p-2026-autumn {
	margin-top: 120px;
}
@media screen and (max-width: 575px) {
	.p-2026-autumn {
		margin-top: 100px;
	}
}

/* =====================
年中ぽかぽかのハワイアンズ
===================== */

.p-2026-autumn__concept {
	background-image: var(--col-backgroundsprite);
	background-size: auto;
	background-position: center;
	background-repeat: repeat;
	padding-top: var(--space-01-rem);
	padding-bottom: var(--space-01-rem);
}
.p-2026-autumn__concept .p-2026-autumn__inner {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: auto auto auto auto;
	gap: var(--gap);
}

/* タイトル */
.p-2026-autumn__concept-title {
	grid-column: 4 / 10;
	grid-row: 1;
	justify-self: center;
}

/* 左上画像 */
.p-2026-autumn__image-left-top {
	grid-column: 2 / 4;
	grid-row: 2;
}

/* 中央テキスト */
.p-2026-autumn__concept-text {
	grid-column: 5 / 9;
	grid-row: 2 / 5;
	text-align: center;
	line-height: 2;
}

.p-2026-autumn__concept-text p {
	font-size: var(--fz-concept-text);
}
.p-2026-autumn__concept-text p + p {
	margin-top: calc(1.2 * var(--rem));
}

.p-2026-autumn__concept-image img {
	border-radius: calc(0.6 * var(--rem));
}

/* 左下装飾 */
.p-2026-autumn__decoration-left {
	grid-column: 3 / 5;
	grid-row: 3;
	justify-self: center;
	width: 70%;
}

/* 右装飾 */
.p-2026-autumn__decoration-right {
	grid-column: 10 / 12;
	grid-row: 2;
	justify-self: center;
}

/* 右下画像 */
.p-2026-autumn__image-right-bottom {
	grid-column: 9 / 11;
	grid-row: 3;
	align-self: center;
}

@media screen and (max-width: 991px) {
	.p-2026-autumn__concept {
		padding: 8rem 0;
	}
	.p-2026-autumn__concept .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 0;
		padding: 0 2.4rem;
	}
	/* 上部写真 */
	.p-2026-autumn__image-left-top {
		grid-column: 2 / 7;
		grid-row: 1;
		margin-top: 0;
		justify-self: center;
	}
	/* タイトル */
	.p-2026-autumn__concept-title {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
		margin-top: 5rem;
	}
	/* 左側の葉っぱ */
	.p-2026-autumn__decoration-left {
		grid-column: 1 / 3;
		grid-row: 2;
		align-self: start;
		justify-self: start;
		transform: translateY(-1rem);
	}
	/* 右側の葉っぱ */
	.p-2026-autumn__decoration-right {
		grid-column: 5 / 7;
		grid-row: 2;
		align-self: start;
		justify-self: end;
		transform: translateY(2rem);
	}
	/* メインテキスト */
	.p-2026-autumn__concept-text {
		grid-column: 1 / -1;
		grid-row: 3;
		margin-top: 3.5rem;
		text-align: center;
		line-height: 2.1;
	}
	.p-2026-autumn__concept-text p + p {
		margin-top: 5rem;
	}
	/* 下部写真 */
	.p-2026-autumn__image-right-bottom {
		grid-column: 1 / 6;
		grid-row: 4;
		margin-top: 7rem;
		justify-self: start;
	}
	/* 下部の葉っぱ */
	.p-2026-autumn__decoration-bottom {
		grid-column: 4 / 7;
		grid-row: 4;
		align-self: end;
		justify-self: end;
		transform: translateY(2rem);
	}
}

/* =====================
  あなたならどう過ごす？
  ===================== */

.p-2026-autumn__spend {
	position: relative;
	overflow: hidden;
	background-image: var(--col-backgroundyellow);
	background-size: 2rem;
	background-position: center;
}
.p-2026-autumn__spend .p-2026-autumn__inner {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: auto auto auto;
	gap: var(--gap);
	padding-top: var(--space-01-rem);
	padding-bottom: var(--space-01-rem);
}
@media screen and (max-width: 991px) {
	.p-2026-autumn__spend .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: auto auto auto;
		gap: 0;
		padding: 0 2.4rem;
		padding-top: calc(10 * var(--rem));
		padding-bottom: calc(10 * var(--rem));
	}
}

/* 背景テキスト */

.p-2026-autumn__spend-marquee-track {
	display: flex;
	width: max-content;
}
.p-2026-autumn__spend-marquee-track img {
	width: auto;
	height: calc(10 * var(--rem));
	flex-shrink: 0;
}
@media screen and (max-width: 575px) {
	.p-2026-autumn__spend-marquee-track img {
		height: calc(5 * var(--rem));
	}
}

/* =====================
タイトルエリア
===================== */

.p-2026-autumn__spend-heading {
	grid-column: 3 / 11;
	grid-row: 1;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: calc(4 * var(--rem));
	text-align: center;
}

/* タイトル */
.p-2026-autumn__spend-title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.p-2026-autumn__spend-title p {
	font-size: var(--fz-lv1);
	font-weight: 700;
	line-height: 1.3;
}

.p-2026-autumn__spend-title h2 {
	font-size: var(--fz-lv1);
	font-weight: 700;
	line-height: 1.3;
	color: var(--col-textred);
}

.p-2026-autumn__spend-title span {
	display: block;
	width: calc(7 * var(--rem));
	height: 4px;
	margin-top: calc(3 * var(--rem));
	background-color: var(--col-textbrown);
}

/* 花 */
.p-2026-autumn__spend-flower {
	width: calc(14 * var(--rem));
	justify-self: end;
}
/* 葉っぱ */
.p-2026-autumn__spend-leaf {
	width: calc(14 * var(--rem));
	justify-self: start;
}

.p-2026-autumn__spend-lead {
	grid-column: 3 / 11;
	grid-row: 2;
	text-align: center;
}

@media screen and (max-width: 991px) {
	/* タイトル */
	.p-2026-autumn__spend-heading {
		grid-column: 1 / -1;
		grid-row: 1;
		grid-template-columns: 1fr auto 1fr;
		column-gap: 0;
		align-items: start;
	}

	.p-2026-autumn__spend-flower,
	.p-2026-autumn__spend-leaf {
		width: calc(7 * var(--rem));
		margin-top: calc(-4 * var(--rem));
	}

	.p-2026-autumn__spend-title p {
		font-size: calc(3.2 * var(--rem));
	}
	.p-2026-autumn__spend-title h2 {
		font-size: calc(3.2 * var(--rem));
	}
	/* リード */

	.p-2026-autumn__spend-lead {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-top: calc(2 * var(--rem));
	}
}

/* =====================
アクティブに過ごしたい
===================== */

.p-2026-autumn__spend-section {
	position: relative;
	background-size: auto;
	background-position: center;
	background-repeat: repeat;
	padding-top: var(--space-01-rem);
	padding-bottom: var(--space-01-rem);
}
.p-2026-autumn__spend-section--active {
	background-image: var(--col-backgroundsprite-red);
	position: relative;
	z-index: 1;
	padding-bottom: calc(20 * var(--rem));
}
.p-2026-autumn__spend-section--relax {
	background-image: var(--col-backgroundsprite-green);
	position: relative;
	z-index: 1;
	margin-top: calc(-10 * var(--rem));
	padding-top: calc(12 * var(--rem));
}
.p-2026-autumn__spend-section .p-2026-autumn__inner {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: auto auto auto auto;
	gap: var(--gap);
	position: relative;
	padding-left: var(--space-01-rem);
	padding-right: var(--space-01-rem);
}
@media screen and (max-width: 575px) {
	.p-2026-autumn__spend-section .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		padding: 0 2.4rem;
	}
}

/* =====================
  Heading
===================== */

.p-2026-autumn__spend-section-heading {
	grid-column: 2 / 8;
	grid-row: 1;
	align-self: end;
	position: relative;
}
.p-2026-autumn__spend-section-list {
	grid-column: 2 / 12;
	grid-row: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc(4 * var(--rem));
}
.p-2026-autumn__spend-section-heading-image {
	width: calc(34 * var(--rem));
	margin-left: calc(-6 * var(--rem));
}
.p-2026-autumn__spend-section-heading h2 {
	margin: calc(1 * var(--rem)) 0 0;
	font-size: var(--fz-lv1);
	color: var(--col-textbrown);
}
.p-2026-autumn__spend-section-heading h2 .p-2026-autumn__active {
	color: var(--col-textred);
	font-size: var(--fz-lv1);
}
.p-2026-autumn__spend-section-heading h2 .p-2026-autumn__relax {
	color: var(--col-textgreen);
	font-size: var(--fz-lv1);
}

/* =====================
  装飾
===================== */

.p-2026-autumn__spend-section-decoration {
	grid-column: 8 / 12;
	grid-row: 1;
	width: calc(34 * var(--rem));
	justify-self: end;
	align-self: end;
}

/* =====================
  Card
===================== */

.p-2026-autumn__spend-card {
	display: grid;
	grid-template-rows: auto auto;
	min-width: 0;
}

/* カード01 */

.p-2026-autumn__spend-card-01 {
	grid-column: 2 / 7;
	grid-row: 2;
}

/* カード02 */

.p-2026-autumn__spend-card-02 {
	grid-column: 7 / 12;
	grid-row: 2;
}

/* =====================
  Card Image
===================== */

.p-2026-autumn__spend-card-image {
	width: 100%;
	overflow: hidden;
	border-radius: calc(1.4 * var(--rem));
}

.p-2026-autumn__spend-card-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* =====================
  Card Content
===================== */

.p-2026-autumn__spend-card-content {
	position: relative;
}
.p-2026-autumn__spend-card h3 {
	font-size: var(--fz-lv3);
	margin: calc(2 * var(--rem)) 0 0;
}
.p-2026-autumn__spend-card p {
	margin: calc(2 * var(--rem)) 0 0;
}

/* カードのボタン */
.p-2026-autumn__spend-card .p-2026-autumn__link {
	margin-top: calc(2 * var(--rem));
	float: right;
}

/* =====================
  Fade Slider
===================== */

.p-2026-autumn__spend-slides {
	position: relative;
	overflow: hidden;
	border-radius: calc(1.4 * var(--rem));
}

.p-2026-autumn__spend-slide {
	position: absolute;
	inset: 0;
}

.p-2026-autumn__spend-slide:first-child {
	position: relative;
}

/* =====================
  Dots
===================== */

.p-2026-autumn__spend-dots {
	display: flex;
	gap: calc(0.8 * var(--rem));
	margin-top: calc(1.2 * var(--rem));
}

.p-2026-autumn__spend-dot {
	width: calc(1.4 * var(--rem));
	height: calc(1.4 * var(--rem));
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--col-textred);
	opacity: 0.5;
	cursor: pointer;
}

.p-2026-autumn__spend-dot.is-active {
	background: var(--col-textred);
	opacity: 1;
}

/* =====================
  More Active
===================== */

.p-2026-autumn__spend-more {
	grid-column: 2 / 12;
	grid-row: 3;
	position: relative;
	margin-top: calc(2 * var(--rem));
	padding: calc(4 * var(--rem)) calc(6 * var(--rem)) calc(4 * var(--rem));
	border: var(--border-height) solid var(--col-textbrown);
	border-radius: calc(1.4 * var(--rem));
	background-image: var(--col-backgroundyellow);
	background-size: 2rem;
}

/* ラベル */

.p-2026-autumn__spend-more-label {
	display: block;
	width: calc(34 * var(--rem));
	height: auto;
	margin: 0 auto calc(4 * var(--rem));
}

/* =====================
  More List
===================== */

.p-2026-autumn__spend-more-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc(4 * var(--rem));
}
.p-2026-autumn__spend-more-item {
	min-width: 0;
	position: relative;
}
/* 装飾画像 */

.p-2026-autumn__spend-more-decoration {
	position: absolute;
	z-index: 2;
	width: calc(10 * var(--rem));
	height: auto;
	pointer-events: none;
}
/* 左側 */
.p-2026-autumn__spend-more-decoration-left {
	top: calc(-6 * var(--rem));
	left: calc(-4 * var(--rem));
}
/* 右側 */
.p-2026-autumn__spend-more-decoration-right {
	top: calc(-6 * var(--rem));
	right: calc(-4 * var(--rem));
}
.p-2026-autumn__spend-more-item
	> img:not(.p-2026-autumn__spend-more-decoration) {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	border-radius: calc(1.4 * var(--rem));
}
.p-2026-autumn__spend-more-item h3 {
	font-size: var(--fz-lv4);
	margin: calc(1.6 * var(--rem)) 0 0;
}
.p-2026-autumn__spend-more-item p {
	margin: calc(1.6 * var(--rem)) 0 0;
}
.p-2026-autumn__spend-more-item .p-2026-autumn__link {
	margin: calc(1.6 * var(--rem)) 0 0;
	margin-left: auto;
}

/* =====================
  Bottom Links
===================== */

.p-2026-autumn__spend-links {
	grid-column: 3 / 11;
	grid-row: 4;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(2 * var(--rem));
	margin-top: calc(1 * var(--rem));
}

@media screen and (max-width: 575px) {
	.p-2026-autumn__spend-section .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: auto auto auto auto;
	}

	/* Heading */

	.p-2026-autumn__spend-section-heading {
		grid-column: 1 / 7;
		grid-row: 1;
	}
	.p-2026-autumn__spend-section-list {
		grid-column: 1 / -1;
		grid-row: auto;
		grid-template-columns: 1fr;
		gap: calc(4 * var(--rem));
	}

	.p-2026-autumn__spend-section-heading-image {
		width: calc(20 * var(--rem));
		margin-left: calc(-4 * var(--rem));
	}

	/* 装飾 */
	.p-2026-autumn__spend-section-decoration {
		grid-column: 4 / 7;
		grid-row: 1;
		width: calc(14 * var(--rem));
		align-self: auto;
	}

	.p-2026-autumn__spend-more-label {
		width: calc(26 * var(--rem));
	}

	/* Cards */

	.p-2026-autumn__active-card-01,
	.p-2026-autumn__active-card-02 {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.p-2026-autumn__active-card-02 {
		margin-top: calc(4 * var(--rem));
	}

	/* More */

	.p-2026-autumn__spend-more {
		grid-column: 1 / -1;
		grid-row: auto;
		margin-top: calc(4 * var(--rem));
		padding: calc(2 * var(--rem)) calc(2 * var(--rem));
	}

	.p-2026-autumn__spend-more > h3 {
		font-size: calc(2.2 * var(--rem));
	}

	.p-2026-autumn__spend-more-list {
		grid-template-columns: 1fr;
	}

	.p-2026-autumn__spend-more-decoration {
		position: absolute;
		z-index: 2;
		width: calc(6 * var(--rem));
		height: auto;
		pointer-events: none;
	}
	/* 左側 */
	.p-2026-autumn__spend-more-decoration-left {
		top: calc(-2 * var(--rem));
		left: calc(-2 * var(--rem));
	}
	/* 右側 */
	.p-2026-autumn__spend-more-decoration-right {
		top: calc(-2 * var(--rem));
		right: calc(-2 * var(--rem));
	}

	/* Bottom Links */

	.p-2026-autumn__spend-links {
		grid-column: 1 / -1;
		grid-row: auto;
		grid-template-columns: 1fr;
		gap: calc(1.5 * var(--rem));
		margin-top: calc(3 * var(--rem));
	}
}

.p-2026-autumn__spend-contents {
	position: relative;
}

.p-2026-autumn__spend-gallery {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-top: calc(-10 * var(--rem));
	overflow: hidden;
	pointer-events: none;
}

.p-2026-autumn__spend-gallery-track {
	display: flex;
	width: max-content;
}

.p-2026-autumn__spend-gallery-group {
	display: flex;
	flex-shrink: 0;
	gap: calc(2 * var(--rem));
	padding-right: calc(2 * var(--rem));
}

.p-2026-autumn__spend-gallery-item {
	flex: 0 0 auto;
	width: calc(38 * var(--rem));
	overflow: hidden;
	border-radius: calc(1.4 * var(--rem));
}

.p-2026-autumn__spend-gallery-item img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 575px) {
	.p-2026-autumn__spend-gallery-item {
		width: calc(16 * var(--rem));
	}
}

/* =====================
  Information
===================== */

.p-2026-autumn__information {
	position: relative;
	background-color: var(--col-background);
	padding-top: var(--space-01-rem);
	padding-bottom: var(--space-01-rem);
}

/* =====================
  Inner
===================== */

.p-2026-autumn__information .p-2026-autumn__inner {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gap);
}

/* =====================
  List
===================== */

.p-2026-autumn__information-list {
	grid-column: 3 / 11;
	display: grid;
	gap: calc(6 * var(--rem));
}

/* =====================
  Card
===================== */

.p-2026-autumn__information-card {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc(5 * var(--rem));
	padding: calc(4 * var(--rem)) calc(4 * var(--rem));
	background: var(--col-backgroundwhite);
	border: var(--border-height) solid var(--col-textbrown);
	border-radius: calc(1.4 * var(--rem));
	overflow: hidden;
}

.p-2026-autumn__information-card-image {
	min-width: 0;
	display: flex;
	align-items: center;
}
.p-2026-autumn__information-card-image img {
	display: block;
	width: 100%;
	height: auto;
}
.p-2026-autumn__information-card-content {
	position: relative;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: calc(2 * var(--rem)) 0;
}
.p-2026-autumn__information-card-content h3 {
	font-size: var(--fz-lv3);
}
.p-2026-autumn__information-card-content h3 span {
	font-size: var(--fz-lv3);
	color: var(--col-textred);
}
.p-2026-autumn__information-card-line {
	width: calc(4 * var(--rem));
	height: var(--border-height);
	margin: calc(2 * var(--rem)) 0;
	background: var(--col-textbrown);
}
.p-2026-autumn__information-card-lead {
	margin: 0;
	font-size: var(--fz-body);
}
.p-2026-autumn__information-card-note {
	margin: calc(1.6 * var(--rem)) 0 0;
	font-size: calc(1.2 * var(--rem));
	line-height: 1.6;
}
.p-2026-autumn__information-card-link {
	margin: calc(1.6 * var(--rem)) 0 0;
}
/* =====================
  Decoration
===================== */

.p-2026-autumn__information-card-decoration {
	position: absolute;
	top: calc(-2 * var(--rem));
	right: calc(-2 * var(--rem));
	width: calc(8 * var(--rem));
	height: auto;
	pointer-events: none;
}

@media screen and (max-width: 575px) {
	.p-2026-autumn__information {
		padding-top: calc(5 * var(--rem));
		padding-bottom: calc(5 * var(--rem));
	}
	.p-2026-autumn__information .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: auto auto auto auto;
		padding: 0 2.4rem;
	}
	.p-2026-autumn__information-list {
		grid-column: 1 / 7;
		gap: calc(3 * var(--rem));
	}
	.p-2026-autumn__information-card {
		grid-template-columns: 1fr;
		gap: calc(2 * var(--rem));
		padding: calc(2 * var(--rem));
		border-radius: calc(1 * var(--rem));
	}
	.p-2026-autumn__information-card-content {
		padding: calc(4 * var(--rem)) 0 calc(2 * var(--rem)) 0;
	}
	.p-2026-autumn__information-card-line {
		width: calc(3 * var(--rem));
		margin: calc(1.5 * var(--rem)) 0;
	}
	.p-2026-autumn__information-card-lead {
		font-size: var(--fz-body);
		line-height: 1.8;
	}
	.p-2026-autumn__information-card-note {
		font-size: calc(1.2 * var(--rem));
	}
	.p-2026-autumn__information-card-decoration {
		top: calc(-1 * var(--rem));
		right: calc(-1 * var(--rem));
		width: calc(6 * var(--rem));
	}
}

.p-2026-autumn__picup {
	background-image: var(--col-backgroundsprite);
	background-size: auto;
	background-position: center;
	background-repeat: repeat;
	padding-top: var(--space-01-rem);
	padding-bottom: var(--space-01-rem);
}
.p-2026-autumn__picup .p-2026-autumn__inner {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gap);
}
.p-2026-autumn__picup-main {
	grid-column: 2 / 12;
}

@media screen and (max-width: 991px) {
	.p-2026-autumn__picup {
		padding: 8rem 0;
	}
}

/* =====================
タイトルエリア
===================== */

.p-2026-autumn__picup-heading {
	grid-column: 3 / 11;
	grid-row: 1;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: calc(4 * var(--rem));
	text-align: center;
}

/* タイトル */
.p-2026-autumn__picup-title {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.p-2026-autumn__picup-title h2 {
	font-size: var(--fz-lv1);
}
.p-2026-autumn__picup-title span {
	display: block;
	width: calc(7 * var(--rem));
	height: 4px;
	margin-top: calc(3 * var(--rem));
	background-color: var(--col-textbrown);
}
/* 花 */
.p-2026-autumn__picup-flower {
	width: calc(8 * var(--rem));
	justify-self: end;
}
/* 葉っぱ */
.p-2026-autumn__picup-leaf {
	width: calc(8 * var(--rem));
	justify-self: start;
}

.p-2026-autumn__picup-lead {
	grid-column: 3 / 11;
	grid-row: 2;
	text-align: center;
}
.p-2026-autumn__picup-main img {
	border: var(--border-height) solid var(--col-textbrown);
	border-radius: calc(1.4 * var(--rem));
}
.p-2026-autumn__picup-list {
	grid-column: 2 / 12;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: calc(3 * var(--rem));
	margin: 0;
	padding: 0;
	list-style: none;
}
.p-2026-autumn__picup-list li h3 {
	margin: calc(1.6 * var(--rem)) 0 0;
	font-size: var(--fz-lv4);
	text-align: center;
}
.p-2026-autumn__picup-list li img {
	border: var(--border-height) solid var(--col-textbrown);
	border-radius: calc(1.4 * var(--rem));
}
.p-2026-autumn__picup-list li p {
	margin: calc(1 * var(--rem)) 0 0;
	font-size: var(--fz-body);
	text-align: center;
}

@media screen and (max-width: 575px) {
	/* =====================
  Picup
  ===================== */

	.p-2026-autumn__picup {
		padding: calc(6 * var(--rem)) 0;
	}

	.p-2026-autumn__picup .p-2026-autumn__inner {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: calc(2 * var(--rem));
	}

	/* =====================
  タイトル
  ===================== */

	.p-2026-autumn__picup-heading {
		grid-column: 1 / -1;
		grid-row: auto;
		grid-template-columns: 1fr auto 1fr;
		column-gap: calc(1 * var(--rem));
	}
	/* 葉っぱ */
	.p-2026-autumn__picup-flower,
	.p-2026-autumn__picup-leaf {
		width: calc(6 * var(--rem));
	}

	/* =====================
  メインバナー
  ===================== */

	.p-2026-autumn__picup-main {
		grid-column: 1 / -1;
		display: block;
		margin: calc(1 * var(--rem)) calc(2 * var(--rem)) 0;
	}

	/* =====================
  3カラム → 1カラム
  ===================== */

	.p-2026-autumn__picup-list {
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
		gap: calc(3 * var(--rem));
		margin: calc(2 * var(--rem)) calc(2 * var(--rem)) 0;
	}
}

/* =====================
  固定ナビ
  ===================== */

.p-2026-autumn__float-btn {
	display: flex;
	position: fixed;
	bottom: 0;
	z-index: 10;
	width: 100%;
	-webkit-filter: drop-shadow(0px -10px 20px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px -10px 20px rgba(0, 0, 0, 0.1));
	height: 100%;
	max-height: 70px;
	.pc {
		display: block;
	}

	.sp {
		display: none;
	}
	@media screen and (max-width: 768px) {
		.pc {
			display: none;
		}

		.sp {
			display: block;
		}
	}
}

@media screen and (max-width: 767px) {
	.p-2026-autumn__float-btn {
		bottom: auto;
		top: 60px;
		max-height: 40px;
	}
}

.float_left,
.float_right {
	display: flex;
	align-items: center;
	width: 50%;
}

.float_left {
	background-color: #b85c45;
	border-radius: 30px 30px 0 0;
}

@media screen and (max-width: 767px) {
	.float_left {
		border-radius: 0;
	}
}

.float_right {
	background-color: #d2a949;
	border-radius: 30px 30px 0 0;
}

@media screen and (max-width: 767px) {
	.float_right {
		border-radius: 0;
	}
}

.float_left div,
.float_right div {
	width: 100%;
	margin: 0 auto;
}

.p-2026-spring__float-btn div a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 6%;
}

.float_left div a img,
.float_right div a img {
	max-width: 418px;
	margin: 0 auto;
}

@media screen and (max-width: 820px) {
	.float_btn div a {
		padding: 6% 10%;
	}
}

@media screen and (max-width: 768px) {
	.float_btn {
		height: 20vw;
	}
}

@media screen and (max-width: 375px) {
	.float_left div a img {
		margin-left: 5px;
	}
}