@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:wght@300..700&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Gen Interface JP";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Gen Interface JP";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../font/GenInterfaceJP-ExtraBold.ttf") format("truetype");
}
html {
  font-family: "Shippori Mincho", "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
  text-size-adjust: 100%;
  scroll-padding: 0;
  scroll-behavior: auto;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  font-size: 1.3020833333vw;
  background: #F5F4F1;
  overflow-x: clip;
}
@media screen and (min-width: 768px) {
  html {
    -webkit-font-smoothing: antialiased;
    font-size: 0.5208333333vw;
  }
}
html {
  /* IE11だけに適応 */
}
html _:lang(x)::-ms-backdrop, html {
  font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
}

.mouse * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.chrome body {
  image-rendering: -webkit-optimize-contrast;
}

body,
dd,
div,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
td,
th,
ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: normal;
  line-break: strict;
  overflow-wrap: anywhere;
}

article,
aside,
figure,
footer,
header,
main,
nav,
section {
  display: block;
  box-sizing: border-box;
}

figure {
  font-size: 0;
}
figure figcaption {
  line-height: 1.5;
}

button,
input,
select,
textarea {
  background: none;
  padding: 0;
  margin: 0;
  outline: 0;
  border: none;
  font: inherit;
  overflow: visible;
  box-sizing: border-box;
}

input[type=radio] {
  transform: translateY(-0.02rem);
}
.safari input[type=radio] {
  transform: translateY(-0.01rem);
}
@media screen and (max-width: 767.98px) {
  .safari input[type=radio] {
    transform: translateY(0.01rem);
  }
}

input[type=checkbox] {
  transform: translateY(-0.02rem);
}
.safari input[type=checkbox] {
  transform: translateY(-0.01rem);
}
@media screen and (max-width: 767.98px) {
  .safari input[type=checkbox] {
    transform: translateY(0.01rem);
  }
}

button,
select {
  cursor: pointer;
  text-transform: none;
}

select::-ms-expand {
  display: none;
}

img {
  -ms-interpolation-mode: bicubic;
  border-style: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: border-box;
  height: 0;
  overflow: visible;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

a {
  outline: 0;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

li {
  list-style: none;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* .link */
a {
  display: inline-block;
}
a[href^="tel:"] {
  cursor: default;
}
a[href^="tel:"]:hover {
  opacity: 1;
}

img {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 767.98px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media screen and (max-width: 767.98px) {
  .sp {
    display: block !important;
  }
}

/*************************
common
************************ */
body {
  font-size: 1.5rem;
  line-height: 1;
  color: #262626;
  font-weight: 500;
  letter-spacing: 0.08em;
  transition: opacity 1s ease 0s;
  position: relative;
  overflow-x: clip;
  touch-action: pan-x pan-y;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 3rem;
    line-height: 1;
    min-width: 0;
  }
}

@media screen and (max-width: 767.98px) {
  p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .ie p {
    font-feature-settings: "palt";
  }
}

input,
textarea {
  width: 100%;
  background-color: #fff;
  padding: 0.06rem 0.16rem;
}
@media screen and (max-width: 767.98px) {
  input,
  textarea {
    padding: 0.06rem 0.12rem;
    line-height: 1.4;
  }
}
/*************************
main
************************ */
main {
  padding-top: 10rem;
}
@media screen and (min-width: 768px) {
  main {
    padding-top: 80px;
  }
}

.shadow {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1450980392);
}

.c-inner {
  width: 100%;
  margin-inline: auto;
  padding-inline: 2.4rem;
}
@media screen and (min-width: 768px) {
  .c-inner {
    max-width: 144rem;
    padding-inline: 4rem;
  }
}

.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 13.4rem;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1;
  letter-spacing: 0.12em;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.c-btn.-white {
  background-color: #fff;
  color: #2b4d3a;
}
.c-btn.-green {
  background-color: #207144;
  color: #fafaf6;
  border: 1px solid #f5f0e8;
}
.c-btn.-ghost {
  background-color: rgba(43, 77, 58, 0.78);
  color: #fafaf6;
  border: 1px solid #fff;
  font-weight: 400;
}

@media (hover: hover) {
  .c-btn:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 1rem 2.4rem rgba(43, 77, 58, 0.25);
  }
  .c-btn.-white:hover {
    background-color: #a84504;
    color: #fafaf6;
  }
  .c-btn.-green:hover {
    background-color: #2b4d3a;
  }
  .c-btn.-ghost:hover {
    background-color: rgba(43, 77, 58, 0.92);
  }
  .c-btn:active {
    transform: translateY(-0.1rem);
  }
}
.c-time-num {
  font-family: "Archivo Black", sans-serif;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #2b4d3a;
}

.c-time-en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.21em;
  color: #2b4d3a;
  opacity: 0.85;
}

.c-time-num.-light {
  color: #fff;
}

.c-time-en.-light {
  color: #fafaf6;
}

.c-time-ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 1.2769230769;
  letter-spacing: 0.04em;
  color: #2b4d3a;
}

.c-time-ttl .-accent {
  color: #a84504;
  background-image: linear-gradient(90deg, #a84504 0%, #a84504 40%, #2b4d3a 60%, #2b4d3a 100%);
  background-size: 250% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-time-ttl.is-show .-accent {
  animation: lp-mv-accent 1.1s ease 0.9s both;
}

.c-time-desc {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.7142857143;
  letter-spacing: 0.18em;
  color: #2b4d3a;
}

.c-time-list {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 2.0714285714;
  letter-spacing: 0.18em;
  color: #2c2c2c;
}

.c-count {
  display: inline-flex;
  align-items: flex-start;
  font-variant-numeric: tabular-nums;
}

.c-count__reel {
  display: inline-block;
  height: 1em;
  overflow: hidden;
}

.c-count__strip {
  display: block;
  will-change: transform;
}

.c-count__strip > span {
  display: block;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.c-count__sep {
  display: inline-block;
}

.c-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  padding: 0 1.6rem;
  border: 1px solid #2b4d3a;
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.18em;
  color: #2b4d3a;
}

.c-arrow {
  display: block;
  position: relative;
}
.c-arrow::before {
  content: "";
  position: relative;
  top: 40%;
  display: block;
  width: 2.2rem;
  height: 4rem;
  background: url(../images/common/arrow.svg) center center/contain no-repeat;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .c-arrow::before {
    top: 13%;
    width: 1.3rem;
    height: 3rem;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.4rem 4rem;
  transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-header {
    position: absolute;
  }
}

.l-header.is-scrolled {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  background-color: rgba(43, 77, 58, 0.95);
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .l-header.is-scrolled {
    padding: 3.4rem 4rem;
    background-color: transparent;
    box-shadow: none;
  }
}

.l-header__logo {
  width: 7.7rem;
}

.l-header__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.l-header__right {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

/* バーガー */
.l-header__burger {
  position: relative;
  width: 5.4rem;
  height: 2.6rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.l-header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f7f8f3;
  transition: all 0.3s ease 0s;
}

/* 言語切替ドロップダウン（バーガー左） */
.l-lang {
  position: relative;
}

.l-lang__toggle {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #f7f8f3;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .l-lang__toggle {
    font-size: 1.6rem;
    line-height: 1;
  }
}

.l-lang__toggle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.6rem solid currentColor;
}

.l-lang__list {
  position: absolute;
  top: calc(100% + 1.2rem);
  right: 0;
  min-width: 18rem;
  padding: 0.8rem 0;
  background-color: rgba(43, 77, 58, 0.97);
  border: 1px solid rgba(247, 248, 243, 0.3);
  display: none;
}
@media screen and (min-width: 768px) {
  .l-lang__list {
    min-width: 14rem;
  }
}

.l-lang.is-open .l-lang__list {
  display: block;
}

.l-lang__btn {
  display: block;
  width: 100%;
  padding: 1.2rem 2.4rem;
  text-align: left;
  white-space: nowrap;
  font-family: "Shippori Mincho", serif;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #f7f8f3;
  transition: all 0.2s ease 0s;
}
@media screen and (min-width: 768px) {
  .l-lang__btn {
    font-size: 1.5rem;
    line-height: 1;
    padding: 1rem 2rem;
  }
}

.l-lang__btn.is-active {
  color: #f3ff98;
}

.mouse .l-lang__btn:hover {
  background-color: rgba(247, 248, 243, 0.12);
}

body.is-drawer-open {
  overflow: hidden;
}

/* 右スライドの深緑パネル（SP=全幅 / PC=右900） */
.l-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9500;
  width: 90rem;
  max-width: 100%;
  height: 100dvh;
  background-color: rgba(43, 77, 58, 0.96);
  transform: translateX(100%);
  transition: transform 0.5s ease;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.l-drawer.is-open {
  transform: translateX(0);
}

.l-drawer__inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 5.4rem 6rem 8rem;
}
@media screen and (min-width: 768px) {
  .l-drawer__inner {
    padding: 5.3rem 4.4rem 6rem 6rem;
  }
}

.l-drawer__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.l-drawer__logo {
  width: 7.7rem;
}

.l-drawer__logo img {
  width: 100%;
  height: auto;
}

/* 閉じる✕（2本線を回転） */
.l-drawer__close {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  flex-shrink: 0;
}

.l-drawer__close span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f7f8f3;
}

.l-drawer__close span:nth-child(1) {
  transform: rotate(45deg);
}

.l-drawer__close span:nth-child(2) {
  transform: rotate(-45deg);
}

/* ナビ（英字大＋和文小） */
.l-drawer__nav {
  margin-top: 9rem;
}
@media screen and (min-width: 768px) {
  .l-drawer__nav {
    margin-top: 8rem;
    padding-left: 12rem;
  }
}

.l-drawer__link {
  display: block;
  color: #f7f8f3;
  margin-bottom: 4.6rem;
}

.l-drawer__link .-en {
  display: block;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 1.4285714286;
  letter-spacing: 0.12em;
}

.l-drawer__link .-ja {
  display: block;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.12em;
  margin-top: 0.8rem;
  opacity: 0.85;
}

/* 宿泊予約ボタン（白） */
.l-drawer__reserve {
  width: 52.8rem;
  max-width: 100%;
  margin: 3rem 0 0;
  min-height: 9.7rem;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .l-drawer__reserve {
    margin-left: 12rem;
  }
}

.l-footer {
  background-color: #2c2c2c;
  color: #f7f8f3;
  text-align: center;
  padding: 3.7rem 2.4rem 17rem;
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding: 3.7rem 4rem 5rem;
  }
}

.l-footer__note {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.625;
  letter-spacing: 0.12em;
  margin-bottom: 15.5rem;
}
@media screen and (min-width: 768px) {
  .l-footer__note {
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 10rem;
  }
}

.l-footer__logo {
  width: 11rem;
  margin: 0 auto 2.6rem;
}
@media screen and (min-width: 768px) {
  .l-footer__logo {
    width: 7.7rem;
  }
}

.l-footer__logo img {
  width: 100%;
  height: auto;
}

.l-footer__copy {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.21em;
  color: #fafaf6;
  text-align: center;
}

/* SP限定：下部固定CTAバー（MV通過後に .is-show で下からスライドイン）
   バー自体は pointer-events:none（透明の余白で背面タップを妨げない）、ボタンだけ操作可。 */
.l-fixed-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  width: 100%;
  display: flex;
  gap: 0;
  padding: 0;
  pointer-events: none;
  transform: translateY(130%);
  transition: transform 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-fixed-cta {
    display: none;
  }
}

.l-fixed-cta.is-show {
  transform: translateY(0);
}

.l-fixed-cta__btn {
  pointer-events: auto;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 11rem;
  padding: 0.6rem 1rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.18);
}

.l-fixed-cta__btn.-reserve {
  background-color: #fff;
  color: #2b4d3a;
}

.l-fixed-cta__btn.-contact {
  background-color: #2b4d3a;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .l-fixed-cta {
    transition: none;
  }
}
/* LPは全幅ヒーロー始まりのため main の上下パディングを解除 */
.l-main {
  padding-top: 0;
}

/* =========================================
   MV（ヒーロー）
========================================= */
.p-lp-mv {
  position: relative;
  display: flex;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-lp-mv {
    align-items: center;
  }
}

.p-lp-mv__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.p-lp-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
  animation: lp-mv-drift 80s linear infinite;
}

.p-lp-mv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(184deg, rgba(246, 247, 246, 0.15) 0%, rgba(74, 99, 63, 0.45) 50%, rgba(34, 64, 20, 0.95) 100%);
}

.p-lp-mv__inner {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 21.9rem 2rem 14.2rem;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__inner {
    min-height: 88.9rem;
    padding: 13.2rem 0 4rem 24rem;
  }
}

.p-lp-mv__eyebrow {
  font-family: "Cormorant Garamond", serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.28em;
  color: #fafaf6;
  margin-bottom: 0.6rem;
  padding-left: 1.8rem;
  opacity: 0;
  filter: blur(12px);
  transition: opacity 1.4s ease-out 0.2s, filter 1.4s ease-out 0.2s;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__eyebrow {
    font-size: 1.8rem;
    line-height: 1;
    padding-left: 0.9rem;
    margin-bottom: 1rem;
  }
}

.p-lp-mv__title {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 9rem;
  line-height: 1.3333333333;
  letter-spacing: 0.12em;
  color: #fff;
  margin-bottom: 2.4rem;
  padding-left: 0.9rem;
  opacity: 0;
  filter: blur(12px);
  transition: opacity 1.4s ease-out 0.45s, filter 1.4s ease-out 0.45s;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__title {
    font-size: 10.5rem;
    line-height: 1.1428571429;
    padding-left: 0;
    margin-bottom: 1.8rem;
  }
}

.p-lp-mv__title .-accent {
  color: #f3ff98;
  background-image: linear-gradient(90deg, #f3ff98 0%, #f3ff98 40%, #fff 60%, #fff 100%);
  background-size: 250% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: lp-mv-accent 1.1s ease 2.4s both;
}

.p-lp-mv__lead {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.9333333333;
  letter-spacing: 0.12em;
  color: #fff;
  margin-bottom: 3.4rem;
  padding-left: 2.7rem;
  opacity: 0;
  filter: blur(12px);
  transition: opacity 1.4s ease-out 0.7s, filter 1.4s ease-out 0.7s;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__lead {
    font-size: 3rem;
    line-height: 1.9333333333;
    padding-left: 1.8rem;
    margin-bottom: 1.6rem;
  }
}

.p-lp-mv__lead-en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2666666667;
  letter-spacing: 0.03em;
  color: #fafaf6;
  opacity: 0.9;
  padding-left: 2.7rem;
  margin-bottom: 10rem;
  opacity: 0;
  filter: blur(12px);
  transition: opacity 1.4s ease-out 0.9s, filter 1.4s ease-out 0.9s;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__lead-en {
    font-size: 2.3rem;
    line-height: 1.652173913;
    padding-left: 1.8rem;
    margin-bottom: 0;
  }
}

.p-lp-mv__cta {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 3.4rem;
  opacity: 0;
  filter: blur(12px);
  transition: opacity 1.4s ease-out 1.1s, filter 1.4s ease-out 1.1s;
}
@media screen and (min-width: 768px) {
  .p-lp-mv__cta {
    position: absolute;
    top: 54.3rem;
    left: 127.2rem;
    width: 52.8rem;
    margin-top: 0;
    gap: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-mv__cta .c-btn {
    min-height: 9.7rem;
    font-size: 1.8rem;
    line-height: 1;
  }
}

/* --- MV 入場（読み込み時1回）：JSで .p-lp-mv に is-ready 付与→トランジションで表示 ---
   ※ keyframe + animation-fill-mode:both だと iOS Safari で filter の最終フレームが保持されず
     終了直後に blur へ戻る不具合があるため、トランジション方式（到達状態が戻らない）で実装。 */
.p-lp-mv.is-ready .p-lp-mv__eyebrow,
.p-lp-mv.is-ready .p-lp-mv__title,
.p-lp-mv.is-ready .p-lp-mv__lead,
.p-lp-mv.is-ready .p-lp-mv__cta {
  opacity: 1;
  filter: none;
}

.p-lp-mv.is-ready .p-lp-mv__lead-en {
  opacity: 0.9;
  filter: none;
}

@keyframes lp-mv-accent {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
@keyframes lp-mv-drift {
  0% {
    transform: scale(1.08) translate(1.8%, 0);
  }
  12.5% {
    transform: scale(1.09) translate(1.27%, 1.27%);
  }
  25% {
    transform: scale(1.1) translate(0, 1.8%);
  }
  37.5% {
    transform: scale(1.09) translate(-1.27%, 1.27%);
  }
  50% {
    transform: scale(1.08) translate(-1.8%, 0);
  }
  62.5% {
    transform: scale(1.07) translate(-1.27%, -1.27%);
  }
  75% {
    transform: scale(1.06) translate(0, -1.8%);
  }
  87.5% {
    transform: scale(1.07) translate(1.27%, -1.27%);
  }
  100% {
    transform: scale(1.08) translate(1.8%, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-mv__eyebrow,
  .p-lp-mv__title,
  .p-lp-mv__lead,
  .p-lp-mv__cta {
    opacity: 1;
    filter: none;
    transition: none;
  }
  .p-lp-mv__lead-en {
    opacity: 0.9;
    filter: none;
    transition: none;
  }
  .p-lp-mv__bg img {
    animation: none;
  }
  .p-lp-mv__title .-accent {
    animation: none;
    background: none;
    -webkit-text-fill-color: #f3ff98;
  }
}
/* =========================================
   Remember Summer
========================================= */
.p-lp-remember {
  position: relative;
  display: flex;
  min-height: 100.8rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-lp-remember {
    min-height: 88rem;
  }
}

.p-lp-remember__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.p-lp-remember__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.92;
}

.p-lp-remember::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(39, 186, 94, 0.45) 0%, rgba(255, 255, 255, 0.3) 100%);
}

.p-lp-remember__inner {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20.1rem 2.4rem 0;
}
@media screen and (min-width: 768px) {
  .p-lp-remember__inner {
    padding-top: 19.9rem;
  }
}

.p-lp-remember__eyebrow {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #fff;
  text-shadow: 0 3px 6px #3b82b7;
  margin-bottom: 4.3rem;
}
@media screen and (min-width: 768px) {
  .p-lp-remember__eyebrow {
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 0.6rem;
  }
}

.p-lp-remember__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 10.8rem;
  line-height: 1;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 3px 30px rgba(59, 130, 183, 0.69);
  margin-bottom: 7rem;
}
@media screen and (min-width: 768px) {
  .p-lp-remember__title {
    font-size: 14.9rem;
    line-height: 1;
    line-height: 1;
    margin-bottom: 0.6rem;
  }
}

.p-lp-remember__text {
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 1.8;
  letter-spacing: 0.12em;
  color: #fff;
  text-shadow: 0 3px 30px #3b82b7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lp-remember__text {
    font-size: 2.2rem;
    line-height: 2.4545454545;
  }
}

/* =========================================
   ベージュ帯（イントロ〜タイムライン〜Seasonal）
========================================= */
.p-lp-body {
  position: relative;
  background-color: #f7f8f3;
}

/* --- イントロ「24時間が特別になる」 --- */
.p-lp-intro {
  padding: 10.6rem 4rem 12rem;
  color: #2b4d3a;
  background: #f5f0e8;
}
@media screen and (min-width: 768px) {
  .p-lp-intro {
    position: relative;
    padding: 13.6rem 24rem 13.4rem;
    min-height: 28.1rem;
  }
}

.p-lp-intro__eyebrow {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.21em;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-lp-intro__eyebrow {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 2.1rem;
  }
}

.p-lp-intro__title {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 5.8rem;
  line-height: 1.2931034483;
  letter-spacing: 0.12em;
  margin-bottom: 7.6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-intro__title {
    font-size: 6.8rem;
    line-height: 1.2941176471;
    margin-bottom: 0;
  }
}

.p-lp-intro__text {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
  .p-lp-intro__text {
    position: absolute;
    top: 13.6rem;
    left: 120rem;
    width: 60rem;
    font-size: 1.6rem;
    line-height: 1;
    line-height: 2.5;
  }
}

/* --- タイムライン：時間セクション --- */
/* 写真上＋テキスト下型（13:00 / 15:30） */
.p-lp-time {
  background-color: #f5f0e8;
}

.p-lp-time__img {
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 767/682;
  overflow: hidden;
}

.p-lp-time__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 13:00 Farm：左上の太陽から差し込む陽光。
   光源・柔らかい斜光・木漏れ日を異なる周期でゆらがせ、風で光が変化するように見せる。
   aria-hidden の装overlayのため写真・本文には非干渉。reduced-motionで停止。 */
.p-lp-time__sun {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
}

.p-lp-time__sun::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(24% 22% at 0% 0%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 248, 224, 0.52) 44%, rgba(255, 242, 200, 0) 76%), radial-gradient(86% 80% at 0% 0%, rgba(255, 238, 198, 0.44) 0%, rgba(255, 238, 198, 0.12) 42%, rgba(255, 238, 198, 0) 72%);
  opacity: 0.86;
  animation: lp-sun-glow 11s ease-in-out infinite;
}

.p-lp-time__sun::after {
  content: "";
  position: absolute;
  inset: -20%;
  background: conic-gradient(from 0deg at 0% 0%, transparent 91deg, rgba(255, 250, 232, 0.56) 101deg, rgba(255, 250, 232, 0.26) 111deg, transparent 121deg, transparent 132deg, rgba(255, 248, 224, 0.44) 143deg, rgba(255, 248, 224, 0.19) 156deg, transparent 168deg, transparent 360deg), conic-gradient(from 0deg at 0% 0%, transparent 115deg, rgba(255, 247, 220, 0.26) 129deg, transparent 146deg, transparent 163deg, rgba(255, 250, 232, 0.34) 176deg, transparent 190deg, transparent 360deg);
  -webkit-mask-image: radial-gradient(145% 145% at 0% 0%, #000 2%, rgba(0, 0, 0, 0.72) 38%, rgba(0, 0, 0, 0) 94%);
  mask-image: radial-gradient(145% 145% at 0% 0%, #000 2%, rgba(0, 0, 0, 0.72) 38%, rgba(0, 0, 0, 0) 94%);
  filter: blur(2.2rem);
  opacity: 0.6;
  transform-origin: 0 0;
  will-change: opacity, transform;
  animation: lp-sun-rays 10s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}

.p-lp-time__sun span {
  position: absolute;
  border-radius: 46% 54% 58% 42%;
  background: radial-gradient(ellipse, rgba(255, 250, 229, 0.72) 0%, rgba(255, 247, 220, 0.32) 48%, rgba(255, 247, 220, 0) 74%);
  filter: blur(1rem);
  opacity: var(--dapple-low);
  transform: rotate(var(--dapple-rotate));
  will-change: opacity, transform;
  animation: lp-sun-dapple 12s ease-in-out infinite;
}

.p-lp-time__sun span:nth-child(1) {
  width: 15rem;
  height: 5rem;
  top: 14%;
  left: 14%;
  --dapple-low: 0.18;
  --dapple-high: 0.72;
  --dapple-x: 4.8rem;
  --dapple-y: 2.6rem;
  --dapple-rotate: 24deg;
  animation-duration: 8.5s;
  animation-delay: -4s;
}

.p-lp-time__sun span:nth-child(2) {
  width: 22rem;
  height: 7rem;
  top: 31%;
  left: 28%;
  --dapple-low: 0.15;
  --dapple-high: 0.62;
  --dapple-x: -4rem;
  --dapple-y: 4.6rem;
  --dapple-rotate: 31deg;
  animation-duration: 10.5s;
  animation-delay: -7s;
}

.p-lp-time__sun span:nth-child(3) {
  width: 12rem;
  height: 4rem;
  top: 49%;
  left: 47%;
  --dapple-low: 0.13;
  --dapple-high: 0.55;
  --dapple-x: 3.8rem;
  --dapple-y: -3rem;
  --dapple-rotate: 28deg;
  animation-duration: 12.5s;
  animation-delay: -2s;
}

.p-lp-time__sun span:nth-child(4) {
  width: 27rem;
  height: 8rem;
  top: 66%;
  left: 58%;
  --dapple-low: 0.11;
  --dapple-high: 0.48;
  --dapple-x: -5.5rem;
  --dapple-y: -3.4rem;
  --dapple-rotate: 35deg;
  animation-duration: 14.5s;
  animation-delay: -10s;
}

@keyframes lp-sun-glow {
  0%, 100% {
    opacity: 0.7;
    transform: scale(1);
  }
  30% {
    opacity: 0.84;
  }
  52% {
    opacity: 1;
    transform: scale(1.04);
  }
  74% {
    opacity: 0.78;
  }
}
@keyframes lp-sun-rays {
  0%, 100% {
    opacity: 0.42;
    transform: translate3d(-2%, -1%, 0) scale(1);
  }
  22% {
    opacity: 0.58;
  }
  46% {
    opacity: 0.92;
    transform: translate3d(2%, 1.5%, 0) scale(1.045);
  }
  68% {
    opacity: 0.66;
    transform: translate3d(4%, 2.5%, 0) scale(1.07);
  }
  84% {
    opacity: 0.48;
  }
}
@keyframes lp-sun-dapple {
  0%, 100% {
    opacity: var(--dapple-low);
    transform: translate3d(0, 0, 0) rotate(var(--dapple-rotate)) scale(0.92);
  }
  32% {
    opacity: var(--dapple-high);
  }
  58% {
    opacity: var(--dapple-high);
    transform: translate3d(var(--dapple-x), var(--dapple-y), 0) rotate(var(--dapple-rotate)) scale(1.1);
  }
  78% {
    opacity: var(--dapple-low);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-time__sun::before,
  .p-lp-time__sun::after,
  .p-lp-time__sun span {
    animation: none;
  }
}
.p-lp-time__body {
  padding: 4.7rem 3.2rem 9.3rem;
}

.p-lp-time .c-time-num {
  margin-bottom: 2.4rem;
}

.p-lp-time .c-time-en {
  display: block;
  margin-bottom: 5.4rem;
}

.p-lp-time__ttl {
  margin-bottom: 4.8rem;
}

.p-lp-time__desc {
  margin-bottom: 6rem;
}

.p-lp-time__line {
  height: 0;
  border: none;
  border-top: 1px solid rgba(43, 77, 58, 0.25);
  margin-bottom: 6rem;
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm {
    display: flex;
    align-items: stretch;
    min-height: 85.4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .p-lp-time__img {
    width: 96rem;
    height: auto;
    aspect-ratio: 960/854;
    flex-shrink: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .p-lp-time__body {
    flex: 1;
    padding: 8.8rem 6rem 0;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .c-time-num {
    margin-bottom: 2.6rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .c-time-en {
    margin-bottom: 4.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .p-lp-time__ttl {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .p-lp-time__desc {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .p-lp-time__line {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-time.-farm .c-time-list {
    font-size: 2rem;
    line-height: 2.5;
  }
}

.p-lp-time.-farm .c-time-list .-border {
  position: relative;
  width: fit-content;
}
.p-lp-time.-farm .c-time-list .-border::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #4D502B;
  opacity: 0.15;
  width: 100%;
  height: 1rem;
}

/* 15:30 農園かき氷（濃色背景・中央寄せ） */
.p-lp-kakigori {
  position: relative;
  isolation: isolate;
  min-height: 171.4rem;
  padding: 13.1rem 6rem 6.8rem;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori {
    min-height: 160rem;
    padding: 0;
    text-align: left;
  }
}

.p-lp-kakigori__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.p-lp-kakigori__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-lp-kakigori::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(43, 77, 58, 0.8);
  backdrop-filter: blur(3px);
}

.p-lp-kakigori__time {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__time {
    position: absolute;
    left: 108rem;
    top: 21.3rem;
    margin-bottom: 0;
  }
}

.p-lp-kakigori__en {
  display: block;
  margin-bottom: 1.3rem;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__en {
    position: absolute;
    left: 108rem;
    top: 29.2rem;
    margin-bottom: 0;
  }
}

.p-lp-kakigori__ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 10.5rem;
  line-height: 1.1428571429;
  letter-spacing: 0.12em;
  color: #fff;
  margin-bottom: 4.7rem;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__ttl {
    position: absolute;
    left: 108rem;
    top: 42.1rem;
    margin-bottom: 0;
    text-align: left;
  }
}

.p-lp-kakigori__ttl .-accent {
  color: #dfa32e;
  background-image: linear-gradient(90deg, #dfa32e 0%, #dfa32e 40%, #fff 60%, #fff 100%);
  background-size: 250% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-lp-kakigori__ttl.is-show .-accent {
  animation: lp-mv-accent 1.1s ease 0.9s both;
}

.p-lp-kakigori__main {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 2.2rem;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__main {
    position: absolute;
    left: 0;
    top: 6.2rem;
    width: 96rem;
    margin-bottom: 0;
  }
}

.p-lp-kakigori__main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 8s ease-out;
}

.p-lp-kakigori__main.is-show img {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .p-lp-kakigori__main img {
    transition: none;
    transform: scale(1);
  }
}
.p-lp-kakigori__caption {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  letter-spacing: 0.18em;
  color: #f7f8f3;
  margin-bottom: 2.8rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__caption {
    position: absolute;
    left: 110rem;
    top: 88.9rem;
    margin-bottom: 0;
    text-align: left;
  }
}

.p-lp-kakigori__thumbs {
  display: flex;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-lp-kakigori__thumbs {
    position: absolute;
    left: 29.8rem;
    top: 109.1rem;
    width: 126.2rem;
    gap: 1.9rem;
  }
}

.p-lp-kakigori__thumbs li {
  flex: 1;
  aspect-ratio: 1/1;
}

.p-lp-kakigori__thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 写真全面＋文字重ね型（15:30プール / 19:30太鼓 / 22:00夜） */
.p-lp-scene {
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: hidden;
}

.p-lp-scene__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.p-lp-scene__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-lp-time__img.js-zoom img,
.p-lp-scene__bg.js-zoom img {
  transform: scale(1);
  transition: transform 6s ease-out;
}

html:not(.is-stack) .p-lp-time__img.js-zoom.is-show img,
html:not(.is-stack) .p-lp-scene__bg.js-zoom.is-show img {
  transform: scale(1.07);
}

@media (prefers-reduced-motion: reduce) {
  .p-lp-time__img.js-zoom img,
  .p-lp-scene__bg.js-zoom img,
  html:not(.is-stack) .p-lp-time__img.js-zoom.is-show img,
  html:not(.is-stack) .p-lp-scene__bg.js-zoom.is-show img {
    transition: none;
    transform: scale(1);
  }
}
.p-lp-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(20, 30, 20, 0.25) 0%, rgba(20, 30, 20, 0) 32%, rgba(20, 30, 20, 0.55) 100%);
}

.p-lp-scene__inner {
  position: relative;
  z-index: 3;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 2rem 8.1rem;
}

/* 太鼓の打音（19:30のみ / 画面の左右端に半分だけ見える強い楕円ぼけで音圧を見せる） */
.p-lp-scene__sound {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.p-lp-scene__sound span {
  position: absolute;
  inset: 0;
}

.p-lp-scene__sound span:nth-child(1) {
  --hit-delay: 0s;
}

.p-lp-scene__sound span:nth-child(2) {
  --hit-delay: 2.4s;
}

.p-lp-scene__sound span:nth-child(3) {
  --hit-delay: 3.05s;
}

.p-lp-scene__sound span::before,
.p-lp-scene__sound span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 36%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 235, 204, 0.18) 0%, rgba(193, 169, 153, 0.08) 40%, rgba(193, 169, 153, 0) 74%);
  -webkit-backdrop-filter: blur(1.6rem) saturate(1.22) contrast(1.12);
  backdrop-filter: blur(1.6rem) saturate(1.22) contrast(1.12);
  -webkit-mask-image: radial-gradient(ellipse, #000 0%, rgba(0, 0, 0, 0.82) 44%, transparent 78%);
  mask-image: radial-gradient(ellipse, #000 0%, rgba(0, 0, 0, 0.82) 44%, transparent 78%);
  opacity: 0;
  will-change: opacity, transform, backdrop-filter;
  animation-duration: 6.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: var(--hit-delay);
}

.p-lp-scene__sound span::before {
  left: -18%;
  animation-name: lp-taiko-pressure-hit;
}

.p-lp-scene__sound span::after {
  right: -18%;
  animation-name: lp-taiko-pressure-hit;
}

@keyframes lp-taiko-pressure-hit {
  0% {
    opacity: 0;
    transform: scale(0.94);
  }
  0.55% {
    opacity: 1;
    transform: scale(1);
  }
  1.9% {
    opacity: 0.48;
    transform: scale(1.035);
  }
  4% {
    opacity: 0;
    transform: scale(1.07);
  }
  100% {
    opacity: 0;
    transform: scale(1.07);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-scene__sound span::before,
  .p-lp-scene__sound span::after {
    animation: none;
    opacity: 0;
  }
}
/* 流れ星（22:00 夜セクションのみ / 空の上・文字の背面 z-index:0） */
.p-lp-scene__stars {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.p-lp-scene__stars span {
  position: absolute;
  width: 14rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
  opacity: 0;
  transform: rotate(160deg);
  animation: lp-shooting 8s linear infinite;
}

.p-lp-scene__stars span:nth-child(1) {
  top: 6%;
  left: 72%;
  animation-delay: 0s;
  animation-duration: 7s;
}

.p-lp-scene__stars span:nth-child(2) {
  top: 14%;
  left: 90%;
  animation-delay: 3.2s;
  animation-duration: 9s;
}

.p-lp-scene__stars span:nth-child(3) {
  top: 24%;
  left: 60%;
  animation-delay: 5s;
  animation-duration: 8s;
}

.p-lp-scene__stars span:nth-child(4) {
  top: 10%;
  left: 82%;
  animation-delay: 1.5s;
  animation-duration: 10s;
}

.p-lp-scene__stars span:nth-child(5) {
  top: 30%;
  left: 95%;
  animation-delay: 6.5s;
  animation-duration: 7.5s;
}

.p-lp-scene__stars span:nth-child(6) {
  top: 4%;
  left: 55%;
  animation-delay: 8s;
  animation-duration: 9.5s;
}

.p-lp-scene__stars span:nth-child(7) {
  top: 18%;
  left: 78%;
  animation-delay: 4.2s;
  animation-duration: 8.5s;
}

.p-lp-scene__stars span:nth-child(8) {
  top: 26%;
  left: 88%;
  animation-delay: 9s;
  animation-duration: 11s;
}

@keyframes lp-shooting {
  0% {
    opacity: 0;
    transform: translate(0, 0) rotate(160deg);
  }
  4% {
    opacity: 1;
  }
  12% {
    opacity: 0.85;
  }
  17% {
    opacity: 0;
    transform: translate(-56rem, 20rem) rotate(160deg);
  }
  100% {
    opacity: 0;
    transform: translate(-56rem, 20rem) rotate(160deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-scene__stars span {
    animation: none;
    opacity: 0;
  }
}
/* 15:30 Pool：水面のゆらぎ（コースティクス）。写真の上・文字の背面(z-index:0)。
   星と同方式：aria-hidden の装飾overlay。screen合成で水面に光をのせる。reduced-motionで停止。 */
.p-lp-scene__water {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.5;
}

.p-lp-scene__water::before,
.p-lp-scene__water::after {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(closest-side, rgba(190, 232, 255, 0.5), rgba(190, 232, 255, 0) 60%) 0 0/26rem 26rem, radial-gradient(closest-side, rgba(214, 245, 255, 0.4), rgba(214, 245, 255, 0) 60%) 13rem 9rem/19rem 19rem;
  background-repeat: repeat;
  animation: lp-caustics 15s ease-in-out infinite alternate;
}

.p-lp-scene__water::after {
  background-position: 7rem 4rem, 20rem 15rem;
  opacity: 0.7;
  animation-duration: 21s;
  animation-direction: alternate-reverse;
}

@keyframes lp-caustics {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-6rem, 4rem) scale(1.15);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-scene__water::before,
  .p-lp-scene__water::after {
    animation: none;
  }
}
.p-lp-scene__time {
  margin-bottom: 1.1rem;
}

.p-lp-scene__en {
  display: block;
  margin-bottom: 0.7rem;
}

.p-lp-scene__ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 10.5rem;
  line-height: 1.1428571429;
  letter-spacing: 0.12em;
  color: #fff;
  margin-bottom: 3.9rem;
}

.p-lp-scene__ttl .-accent {
  color: #dfa32e;
  background-image: linear-gradient(90deg, #dfa32e 0%, #dfa32e 40%, #fff 60%, #fff 100%);
  background-size: 250% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-lp-scene__ttl.is-show .-accent {
  animation: lp-mv-accent 1.1s ease 0.9s both;
}

.p-lp-scene__desc {
  font-family: "Shippori Mincho", serif;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  letter-spacing: 0.18em;
  color: #f7f8f3;
  opacity: 0.92;
}
.p-lp-scene__desc.-right {
  text-align: right;
}

.p-lp-scene__note {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.9;
  letter-spacing: 0.18em;
  color: #f7f8f3;
  margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-lp-scene__note {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.p-lp-scene__note.-right {
  text-align: right;
}

.p-lp-scene__inner.-right {
  align-items: flex-end;
  text-align: right;
}

.p-lp-scene__inner.-spread {
  justify-content: space-between;
}

.p-lp-scene__inner.-center {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.p-lp-scene__body {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  letter-spacing: 0.18em;
  color: #f7f8f3;
  text-align: center;
}

/* 15:30 プール */
.p-lp-scene.-pool {
  min-height: 107rem;
}
@media screen and (min-width: 768px) {
  .p-lp-scene.-pool {
    min-height: 104rem;
  }
}

@media screen and (min-width: 768px) {
  .p-lp-scene.-pool .p-lp-scene__inner {
    justify-content: flex-start;
    padding: 7.8rem 12rem 0;
  }
}

/* 19:30 太鼓 */
.p-lp-scene.-taiko {
  min-height: 104rem;
}
@media screen and (min-width: 768px) {
  .p-lp-scene.-taiko {
    min-height: 104rem;
  }
}

.p-lp-scene.-taiko .p-lp-scene__bg {
  transform-origin: 50% 49%;
  will-change: transform, filter;
  animation: lp-taiko-punch 6.5s linear infinite;
}

@keyframes lp-taiko-punch {
  0%, 4%, 36.9%, 41%, 46.9%, 51%, 100% {
    transform: scale(1);
    filter: brightness(1) contrast(1);
  }
  0.55% {
    transform: scale(1.03);
    filter: brightness(1.07) contrast(1.04);
  }
  1.9% {
    transform: scale(1.008);
    filter: brightness(1.02) contrast(1.01);
  }
  37.45% {
    transform: scale(1.028);
    filter: brightness(1.06) contrast(1.04);
  }
  38.85% {
    transform: scale(1.007);
    filter: brightness(1.02) contrast(1.01);
  }
  47.45% {
    transform: scale(1.032);
    filter: brightness(1.08) contrast(1.05);
  }
  48.85% {
    transform: scale(1.009);
    filter: brightness(1.02) contrast(1.01);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-lp-scene.-taiko .p-lp-scene__bg {
    animation: none;
    transform: none;
    filter: none;
  }
}
.p-lp-scene.-taiko::before {
  background: linear-gradient(0deg, rgba(17, 17, 17, 0.99) 0%, rgba(17, 17, 17, 0.12) 90%);
}

.p-lp-scene.-taiko .p-lp-scene__inner {
  padding-top: 10.4rem;
  padding-bottom: 6.9rem;
}
@media screen and (min-width: 768px) {
  .p-lp-scene.-taiko .p-lp-scene__inner {
    padding: 10.4rem 3.7rem 20.2rem;
  }
}

.p-lp-scene.-taiko .p-lp-scene__ttl {
  margin-bottom: 0;
}

.p-lp-scene.-taiko .p-lp-scene__ttl .-accent {
  color: #c1a999;
  background-image: linear-gradient(90deg, #c1a999 0%, #c1a999 40%, #fff 60%, #fff 100%);
}

@media (prefers-reduced-motion: reduce) {
  .c-time-ttl .-accent,
  .p-lp-kakigori__ttl .-accent,
  .p-lp-scene__ttl .-accent {
    animation: none;
    background: none;
    -webkit-text-fill-color: currentColor;
  }
}
/* 21:30 夜空 */
.p-lp-scene.-night {
  min-height: 98.6rem;
  background-color: #0a2557;
}
@media screen and (min-width: 768px) {
  .p-lp-scene.-night {
    min-height: 104rem;
  }
}

.p-lp-scene.-night::before {
  background: linear-gradient(222deg, rgba(12, 32, 59, 0.58) 0%, rgba(10, 37, 87, 0.58) 15%, rgba(2, 54, 175, 0.58) 92%);
}

.p-lp-scene.-night .p-lp-scene__inner {
  padding-top: 12.9rem;
  padding-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-scene.-night .p-lp-scene__inner {
    padding-top: 12.9rem;
  }
}

.p-lp-scene.-night .p-lp-scene__time {
  margin-bottom: 2.6rem;
}

.p-lp-scene.-night .p-lp-scene__en {
  margin-bottom: 4.9rem;
}

.p-lp-scene.-night .p-lp-scene__ttl {
  margin-bottom: 5.7rem;
}

html.is-time-motion-managed .p-lp-time__sun::before,
html.is-time-motion-managed .p-lp-time__sun::after,
html.is-time-motion-managed .p-lp-time__sun span,
html.is-time-motion-managed .p-lp-scene__water::before,
html.is-time-motion-managed .p-lp-scene__water::after,
html.is-time-motion-managed .p-lp-scene__sound span::before,
html.is-time-motion-managed .p-lp-scene__sound span::after,
html.is-time-motion-managed .p-lp-scene.-taiko .p-lp-scene__bg,
html.is-time-motion-managed .p-lp-scene__stars span {
  animation-play-state: paused;
}

html.is-time-motion-managed .is-time-motion-active .p-lp-time__sun::before,
html.is-time-motion-managed .is-time-motion-active .p-lp-time__sun::after,
html.is-time-motion-managed .is-time-motion-active .p-lp-time__sun span,
html.is-time-motion-managed .is-time-motion-active .p-lp-scene__water::before,
html.is-time-motion-managed .is-time-motion-active .p-lp-scene__water::after,
html.is-time-motion-managed .is-time-motion-active .p-lp-scene__sound span::before,
html.is-time-motion-managed .is-time-motion-active .p-lp-scene__sound span::after,
html.is-time-motion-managed .is-time-motion-active.p-lp-scene.-taiko .p-lp-scene__bg,
html.is-time-motion-managed .is-time-motion-active .p-lp-scene__stars span {
  animation-play-state: running;
}

html.is-time-motion-managed .p-lp-scene__stars span {
  will-change: auto;
}

html.is-time-motion-managed .is-time-motion-active .p-lp-scene__stars span {
  will-change: transform, opacity;
}

/* --- Seasonal Experiences（夏限定リスト） --- */
.p-lp-seasonal {
  margin-inline: 1.9rem;
  padding: 9.3rem 2rem 4rem;
  background-color: #fafaf6;
  color: #2b4d3a;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal {
    max-width: 120rem;
    margin-inline: auto;
    padding: 9rem 6rem 4rem;
  }
}

.p-lp-seasonal__head {
  text-align: center;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(43, 77, 58, 0.2);
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    text-align: left;
    padding-bottom: 2.4rem;
  }
}

.p-lp-seasonal__ttl-en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.21em;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__ttl-en {
    font-size: 4.8rem;
    line-height: 1;
    margin-bottom: 0;
  }
}

.p-lp-seasonal__sub-en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #2c2c2c;
  opacity: 0.6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__sub-en {
    font-size: 1.8rem;
    line-height: 1;
    text-align: left;
  }
}

.p-lp-seasonal__item {
  padding: 3rem 0 3.4rem 2rem;
  border-bottom: 1px solid rgba(43, 77, 58, 0.2);
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__item {
    position: relative;
    padding: 1.8rem 0;
  }
}

.p-lp-seasonal__item:last-child {
  border-bottom: none;
}

.p-lp-seasonal__ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 3.8rem;
  line-height: 1.3157894737;
  letter-spacing: 0.12em;
  margin-bottom: 2.6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__ttl {
    font-size: 2.4rem;
    line-height: 2.4166666667;
    margin-bottom: 0.2rem;
  }
}

.p-lp-seasonal__desc {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  letter-spacing: 0.18em;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__desc {
    font-size: 1.4rem;
    line-height: 2;
  }
}

.p-lp-seasonal__note {
  display: block;
  margin-top: 1rem;
  text-align: left;
  font-size: 1.7rem;
  line-height: 1.7647058824;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__note {
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 2.3333333333;
    text-align: right;
  }
}

.p-lp-seasonal__item .c-tag {
  margin-top: 2.2rem;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__item .c-tag {
    position: absolute;
    top: 2.3rem;
    right: 0;
    margin-top: 0;
    min-height: 3.1rem;
    padding: 0 1.2rem;
    font-size: 1.2rem;
    line-height: 1;
  }
}

.p-lp-seasonal__schedule {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.1666666667;
  letter-spacing: 0.18em;
  margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
  .p-lp-seasonal__schedule {
    position: absolute;
    right: 0;
    bottom: 1.8rem;
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 2;
    text-align: right;
  }
}

/* =========================================
   Optional Experiences ＋ 最終CTA
========================================= */
.p-lp-optional {
  position: relative;
  display: flex;
  min-height: 126.4rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-lp-optional {
    min-height: 126.4rem;
  }
}

.p-lp-optional__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.p-lp-optional__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-lp-optional__bg.js-zoom img {
  transform: scale(1);
  transition: transform 7s ease-out;
}

.p-lp-optional__bg.js-zoom.is-show img {
  transform: scale(1.035);
}

@media (prefers-reduced-motion: reduce) {
  .p-lp-optional__bg.js-zoom img,
  .p-lp-optional__bg.js-zoom.is-show img {
    transition: none;
    transform: scale(1);
  }
}
.p-lp-optional::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #006583;
  background: linear-gradient(180deg, rgba(0, 101, 131, 0.34) 0%, rgba(255, 255, 255, 0.35) 100%);
}

.p-lp-optional__inner {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 9.1rem 6rem 10rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__inner {
    padding: 12.4rem 12rem 29.4rem;
  }
}

.p-lp-optional__eyebrow {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0.21em;
  color: #fafaf6;
  text-shadow: 0 3px 6px #3b82b7;
  margin-bottom: 1.9rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__eyebrow {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.p-lp-optional__title {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-size: 8.2rem;
  line-height: 1.0975609756;
  letter-spacing: 0.12em;
  color: #fff;
  text-shadow: 0 3px 30px rgba(59, 130, 183, 0.69);
  margin-bottom: 4.9rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__title {
    font-size: 10.5rem;
    line-height: 1.1428571429;
  }
}

.p-lp-optional__text {
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 1.7142857143;
  letter-spacing: 0.12em;
  color: #f7f8f3;
  text-shadow: 0 3px 30px #3b82b7;
  max-width: 62rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__text {
    font-size: 2rem;
    line-height: 1.9;
    max-width: 77rem;
  }
}

.p-lp-optional__cta {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__cta {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
  }
}

.p-lp-optional__cta .c-btn {
  min-height: 14.9rem;
}
@media screen and (min-width: 768px) {
  .p-lp-optional__cta .c-btn {
    width: 54.8rem;
    flex: none;
    min-height: 9.7rem;
    font-size: 1.8rem;
    line-height: 1;
  }
}

/* =========================================================
   Scroll Stacking（<html>.is-stack の時のみ有効）
   SP（≤767）は常にオフ。PCは common.js が「高さ ÷ 横幅 ≥ 0.43」を満たす時に付与。
   横幅連動で縮小するコンテンツに合わせ、必要な高さも可変になる（リサイズ追従）。
   横長画面やズーム等で収まらない時は通常スクロールにフォールバック。
   判定はここ1箇所（.is-stack）に集約。しきい値変更は common.js の定数のみ。
========================================================= */
html.is-stack .p-lp-body > section {
  position: sticky;
  top: 0;
  z-index: 1;
  min-height: 100vh;
}

.p-lp-stack-spacer {
  display: none;
}

html.is-stack .p-lp-stack-spacer {
  display: block;
  height: 30vh;
}

html.is-stack .p-lp-body .js-fadeUp {
  opacity: 1;
  filter: none;
  transform: none;
  transition: none;
}

html.is-stack .p-lp-intro {
  background-color: #f7f8f3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

html.is-stack .p-lp-intro__text {
  top: 50%;
  transform: translateY(-50%);
}

html.is-stack .p-lp-time.-farm {
  align-items: stretch;
}

html.is-stack .p-lp-time.-farm .p-lp-time__img {
  aspect-ratio: auto;
  height: auto;
  align-self: stretch;
}

html.is-stack .p-lp-time.-farm .p-lp-time__img img {
  height: 100%;
}

html.is-stack .p-lp-seasonal {
  position: relative;
}

html.is-stack .p-lp-seasonal::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: #f7f8f3;
  z-index: -1;
}

html.is-stack .p-lp-kakigori {
  --kakigori-stack-left: 12rem;
  --kakigori-stack-top: min(8rem, 8vh);
  --kakigori-stack-size: min(60rem, 62.5vh);
  min-height: 100vh;
}

html.is-stack .p-lp-kakigori__main {
  left: var(--kakigori-stack-left);
  top: var(--kakigori-stack-top);
  width: var(--kakigori-stack-size);
}

html.is-stack .p-lp-kakigori__thumbs {
  left: var(--kakigori-stack-left);
  top: calc(var(--kakigori-stack-top) + var(--kakigori-stack-size) + 2rem);
  width: var(--kakigori-stack-size);
}

html.is-stack .p-lp-kakigori__time {
  left: 80rem;
  top: min(14rem, 16vh);
}

html.is-stack .p-lp-kakigori__en {
  left: 80rem;
  top: min(22rem, 25vh);
}

html.is-stack .p-lp-kakigori__ttl {
  left: 80rem;
  top: min(31rem, 35vh);
}

html.is-stack .p-lp-kakigori__caption {
  left: 80rem;
  top: min(70rem, 78vh);
}

.js-scrollReveal > * {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.js-scrollReveal > *.is-show {
  opacity: 1;
  transform: translateX(0);
}

.js-staggerIn > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.js-staggerIn > *.is-show {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeUpOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeUpMove {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.js-stagger {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.js-stagger.is-show {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeDir [data-dir] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.6s cubic-bezier(0.25, 0.1, 0.25, 1), transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .js-fadeDir [data-dir][data-dir=left-down] {
    transform: translate(-30px, -30px);
  }
  .js-fadeDir [data-dir][data-dir=right-down] {
    transform: translate(30px, -30px);
  }
  .js-fadeDir [data-dir][data-dir=left-up] {
    transform: translate(-30px, 30px);
  }
  .js-fadeDir [data-dir][data-dir=right-up] {
    transform: translate(30px, 30px);
  }
  .js-fadeDir [data-dir][data-dir=left] {
    transform: translateX(-30px);
  }
  .js-fadeDir [data-dir][data-dir=right] {
    transform: translateX(30px);
  }
}
.js-fadeDir [data-dir].is-show {
  opacity: 1;
  transform: translate(0, 0);
}

.is-hidden {
  display: none; /* フェードアウト完了後に非表示にする */
}

.is-visible {
  opacity: 1;
  filter: blur(0); /* ぼかしがなくなる */
}

/* モーダル */
.modal__course {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 1000;
  background-color: #383838;
}
@media screen and (min-width: 768px) {
  .modal__course {
    position: static;
    z-index: 10;
    display: block;
    width: 88.6rem;
    height: fit-content;
    opacity: 1;
    padding: 0;
    background-color: transparent;
    pointer-events: all;
  }
}

/* モーダルがactiveの時 */
.modal__course.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal__course .swiper-backface-hidden .swiper-slide {
  overflow-y: auto;
  height: 84vh;
}
@media screen and (min-width: 768px) {
  .modal__course .swiper-backface-hidden .swiper-slide {
    height: 100%;
  }
}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal__inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .modal__inner {
    display: block;
    margin: 0;
  }
}

/* 閉じるボタン */
.modal__close-btn {
  position: absolute;
  right: 0;
  top: -26px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 20;
}

.modal__close-btn:hover {
  opacity: 0.8;
}

/* モーダル自体のスタイル */
.modal__course .modal__content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 86vw; /* モーダルの横幅 */
  max-width: 600px; /* モーダルの最大横幅 */
  max-height: 76vh; /* 高さを画面の90%に制限 */
  z-index: 100;
  padding: 0; /* モーダル内の余白 */
  box-sizing: border-box; /* パディング込みでサイズを計算 */
}
@media screen and (min-width: 768px) {
  .modal__course .modal__content {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    background: #faf8f5;
  }
}

.js-parallax {
  overflow: hidden;
}
.js-parallax img {
  display: block;
  width: 100%;
  object-fit: cover;
  will-change: transform;
}

/* モーダルオーバーレイが画面全体を覆うようにする */
.modal__course .modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100; /* モーダルの重なり順を最前面に */
}

.u-pt-0 {
  padding-top: 0;
}

.u-nowrap {
  white-space: nowrap;
}

.u-keep {
  word-break: keep-all;
}