@charset "UTF-8";
/* //////////////////////////////////////////////////

Title : scene.scss
For   : aoyama-flowermarket/

Created       : 2026-03-04
Last Modified : 2026-03-04

==========================================

Content

////////////////////////////////////////////////// */
/**
 * layout
 */
.p-scene .c-global-heading__main {
  --leading-heading-main-variant: var(--leading-tight);
}
.p-scene__section {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-scene__section {
    width: var(--w-section, 95%);
  }
}
.p-scene__section:not(.p-scene__section--full) {
  max-width: var(--container-middle);
  width: var(--w-section, 95%);
}
.p-scene__section .p-scene__section {
  --w-section: 100%;
  max-width: 100%;
}
.p-scene__section + * {
  margin-block: var(--space-y-section);
}
@media (max-width: 767px) {
  .p-scene__section + * {
    --space-y-section: 4rem 0;
  }
}
@media (min-width: 768px) {
  .p-scene__section + * {
    --space-y-section: 80px 0;
  }
}
.p-scene__group, .p-scene__header {
  display: flex;
  flex-direction: column;
  gap: var(--gap-group-variant, var(--gap-group));
}
@media (max-width: 767px) {
  .p-scene__group, .p-scene__header {
    --gap-group: 3rem;
  }
}
@media (min-width: 768px) {
  .p-scene__group, .p-scene__header {
    --gap-group: 60px;
  }
}
@media (max-width: 767px) {
  .p-scene__group--narrow {
    --gap-group-variant: 1.5rem;
  }
}
@media (min-width: 768px) {
  .p-scene__group--narrow {
    --gap-group-variant: 30px;
  }
}

/**
 * scene components
 */
/* --- header --- */
.p-scene__header {
  max-width: var(--max-w-header-variant, var(--container-middle));
  width: var(--w-header-variant, 95%);
  margin-inline: auto;
}
.p-scene__header + * {
  margin-block: var(--space-y-header-variant, var(--space-y-header));
}
@media (max-width: 767px) {
  .p-scene__header + * {
    --space-y-header: 3rem 0;
  }
}
@media (min-width: 768px) {
  .p-scene__header + * {
    --space-y-header: 60px 0;
  }
}
@media (max-width: 767px) {
  .p-scene__header:has(.p-scene-benefits__label-header) {
    --gap-group-variant: 2rem;
  }
}
@media (min-width: 768px) {
  .p-scene__header:has(.p-scene-benefits__label-header) {
    --gap-group-variant: 40px;
  }
}
.p-scene__section:not(.p-scene__section--full) .p-scene__header {
  --w-header-variant: 100%;
}

/* --- rich navigation --- */
.c-scene-rich-nav {
  max-width: var(--container-middle);
  width: 95%;
  margin-inline: auto;
  font-size: var(--text-sm);
  -webkit-margin-after: 4.2857142857em;
          margin-block-end: 4.2857142857em;
}
.c-scene-rich-nav__list {
  gap: 1.7142857143em;
  /* --- for small viewport --- */
  /* --- for large viewport --- */
}
@media (max-width: 767px) {
  .c-scene-rich-nav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .c-scene-rich-nav__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.c-scene-rich-nav__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1.4285714286em;
  padding-inline: 1.4285714286em;
  border-radius: var(--rounded-full);
  background-color: var(--bg-link);
}
.c-scene-rich-nav__link:nth-child(4n+1) {
  --bg-link: #f0ebe1;
}
.c-scene-rich-nav__link:nth-child(4n+2) {
  --bg-link: #dcd7d6;
}
.c-scene-rich-nav__link:nth-child(4n+3) {
  --bg-link: #d8c2bb;
}
.c-scene-rich-nav__link:nth-child(4n+4) {
  --bg-link: #c7bcb0;
}

/* --- typography --- */
.p-scene__heading {
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--heading-gap);
  color: var(--color-heading, var(--color-primary));
  /* --- for small viewport --- */
  /* --- for large viewport --- */
}
.p-scene__heading--main {
  grid-row: 1;
  font-family: var(--font-en-serif);
  font-weight: 300;
  letter-spacing: -0.04em;
  font-size: var(--fs-heading-main);
  line-height: 1;
}
.p-scene__heading--sub {
  grid-row: 2;
  font-size: var(--fs-heading-sub);
  font-family: var(--font-ja-serif);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .p-scene__heading {
    --heading-gap: 1.6rem;
    --fs-heading-main: 3rem;
    --fs-heading-sub: 1.4rem;
  }
}
@media (min-width: 768px) {
  .p-scene__heading {
    --heading-gap: 10px;
    --fs-heading-main: var(--text-6xl);
    --fs-heading-sub: var(--text-xs);
  }
}
@media (min-width: 1280px) {
  .p-scene__heading {
    --heading-gap: 12px;
    --fs-heading-main: 84px;
    --fs-heading-sub: var(--text-base);
  }
}
.p-scene__sub-title {
  font-weight: 700;
  /* --- for small viewport --- */
  /* --- for large viewport --- */
}
@media (max-width: 767px) {
  .p-scene__sub-title {
    font-size: var(--text-base);
  }
}
@media (min-width: 768px) {
  .p-scene__sub-title {
    font-size: 22px;
  }
}
.p-scene__lead {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  line-height: var(--leading-lead-variant, 2.6);
  letter-spacing: 0.04em;
}
.p-scene__lead--closing-words {
  --leading-lead-variant: var(--leading-snug);
  text-align: center;
}
.p-scene__description {
  line-height: var(--leading-relaxed);
  letter-spacing: 0.04em;
}
.p-scene__detail {
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  letter-spacing: 0.04em;
}
.p-scene__notes {
  font-size: var(--text-xs);
  line-height: var(--leading-relaxed);
  letter-spacing: 0.04em;
}

/* --- buttons --- */
.p-scene__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-buttons);
}
@media (max-width: 767px) {
  .p-scene__buttons {
    --gap-buttons: 1.5rem 1rem;
  }
}
@media (min-width: 768px) {
  .p-scene__buttons {
    --gap-buttons: 32px 24px;
  }
}

/* --- contact --- */
.p-scene-contact {
  font-size: var(--text-heading-tertiary);
  font-family: var(--font-ja-serif);
  text-align: center;
}
.p-scene-contact__headline {
  font-size: 0.75em;
}
.p-scene-contact__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
  font-size: var(--text-heading-tertiary);
}
.p-scene-contact__body dt {
  font-family: var(--font-ja-serif);
}
.p-scene-contact__body dd {
  letter-spacing: 0.09em;
  font-weight: 500;
}
.p-scene-contact__body dd a[href^="tel:"] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1em;
  font-family: var(--font-en-sans-serif);
}
.p-scene-contact__body dd a[href^="tel:"]::before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  -webkit-mask-image: var(--icon-tel-path);
          mask-image: var(--icon-tel-path);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
}
@media (max-width: 767px) {
  .p-scene-contact__body {
    --gap-buttons: 1.5rem;
  }
}
@media (min-width: 768px) {
  .p-scene-contact__body {
    --gap-buttons: 32px;
  }
}

/* --- carousel --- */
.p-scene__section:has(.p-scene__carousel) .p-scene__carousel {
  width: 100%;
  padding-inline: var(--px-carousel);
}
@media (max-width: 767px) {
  .p-scene__section:has(.p-scene__carousel) .p-scene__carousel {
    --px-carousel: ;
  }
}
@media (min-width: 768px) {
  .p-scene__section:has(.p-scene__carousel) .p-scene__carousel {
    --px-carousel: 5%;
  }
}
@media (min-width: 1440px) {
  .p-scene__section:has(.p-scene__carousel) .p-scene__carousel {
    --px-carousel: calc((100% - calc(1200 * 100vw / 1440)) / 2);
  }
}
@media (min-width: 1920px) {
  .p-scene__section:has(.p-scene__carousel) .p-scene__carousel {
    --px-carousel: calc((100% - 1600px) / 2);
  }
}

/* --- features --- */
.p-scene__features {
  --text-align-heading-variant: left;
  display: grid;
  justify-content: center;
  gap: 5em 1em;
}
@media (max-width: 767px) {
  .p-scene__features {
    max-width: 600px;
    width: 95%;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .p-scene__features--\[max-572\] {
    grid-template-columns: minmax(50%, 1fr) minmax(280px, 572px);
  }
  .p-scene__features--\[max-660\] {
    grid-template-columns: minmax(50%, 1fr) minmax(280px, 660px);
  }
  .p-scene__features--\[max-700\] {
    grid-template-columns: minmax(50%, 1fr) minmax(280px, 700px);
  }
}
.p-scene__features .p-scene__header + * {
  --space-y-header-variant: 0;
}

/* --- gallery --- */
.p-scene-gallery {
  counter-reset: gallery-count;
  max-width: 1440px;
  margin-inline: auto;
}
.p-scene-gallery__lead {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  font-size: var(--text-5xl);
  color: var(--color-primary);
  line-height: 1.6;
}
.p-scene-gallery__container {
  max-width: 1300px;
  -webkit-margin-before: var(--mt-container);
          margin-block-start: var(--mt-container);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-scene-gallery__container {
    --mt-container: 6rem;
  }
}
@media (min-width: 768px) {
  .p-scene-gallery__container {
    --mt-container: 120px;
  }
}
.p-scene-gallery__container > * + * {
  -webkit-margin-before: var(--space-y-container);
          margin-block-start: var(--space-y-container);
}
@media (max-width: 767px) {
  .p-scene-gallery__container > * + * {
    --space-y-container: 8rem;
  }
}
@media (min-width: 768px) {
  .p-scene-gallery__container > * + * {
    --space-y-container: 160px;
  }
}
.p-scene-gallery__block {
  counter-increment: gallery-count;
  display: grid;
}
@media (max-width: 1024px) {
  .p-scene-gallery__block {
    grid-template-columns: 100%;
    row-gap: 8em;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__block {
    --px-thumbnail-value: calc(64 / 464 * 100%);
    grid-template-rows: 40px 1fr;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .p-scene-gallery__block {
    --px-summary: 2.5%;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__block:nth-child(odd) {
    --col-thumbnail: 2;
    --px-thumbnail: 0 var(--px-thumbnail-value);
    grid-template-columns: 1fr minmax(300px, 464px);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .p-scene-gallery__block:nth-child(odd) {
    --px-summary-inner: 10% 500px;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__block:nth-child(odd) .p-scene-gallery__summary::after {
    top: -24px;
    left: 0;
  }
  .p-scene-gallery__block:nth-child(odd) .p-scene-gallery__thumbnail::before {
    right: 0;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__block:nth-child(even) {
    --col-thumbnail: 1;
    --px-thumbnail: var(--px-thumbnail-value) 0;
    grid-template-columns: minmax(300px, 464px) 1fr;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .p-scene-gallery__block:nth-child(even) {
    --px-summary-inner: 500px 10%;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__block:nth-child(even) .p-scene-gallery__summary::after {
    bottom: -30px;
    right: 0;
  }
  .p-scene-gallery__block:nth-child(even) .p-scene-gallery__thumbnail::before {
    left: 0;
  }
}
@media (min-width: 1280px) {
  .p-scene-gallery__block:nth-child(odd) {
    --px-summary: calc(56 / 1300 * 100%) calc(178 / 1300 * 100%);
    --px-summary-inner: calc(200 / 1068 * 100%) 0;
  }
  .p-scene-gallery__block:nth-child(even) {
    --px-summary: calc(178 / 1300 * 100%) calc(56 / 1300 * 100%);
    --px-summary-inner: calc(420 / 1068 * 100%) calc(200 / 1068 * 100%);
  }
}
.p-scene-gallery__thumbnail {
  position: relative;
  padding-inline: var(--px-thumbnail);
}
.p-scene-gallery__thumbnail::before {
  content: "";
  position: absolute;
  bottom: 0;
  aspect-ratio: var(--aspect-square);
  background-color: var(--color-primary);
  z-index: var(--zindex-base);
}
@media (max-width: 1024px) {
  .p-scene-gallery__thumbnail::before {
    right: 0;
    bottom: -40px;
    width: calc(100% - 40px);
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__thumbnail::before {
    width: 86.2068965517%;
    height: 81.6326530612%;
    bottom: 0;
  }
}
@media (max-width: 1024px) {
  .p-scene-gallery__thumbnail {
    grid-row: 1;
    max-width: 600px;
    margin-inline: auto;
    -webkit-padding-end: 40px;
            padding-inline-end: 40px;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__thumbnail {
    grid-column: var(--col-thumbnail);
    grid-row: 1/-1;
    align-self: start;
    -webkit-padding-after: 19.387755102%;
            padding-block-end: 19.387755102%;
  }
}
.p-scene-gallery__image {
  position: relative;
  z-index: var(--zindex-front);
}
.p-scene-gallery__summary {
  position: relative;
  padding-inline: var(--px-summary);
}
@media (max-width: 1024px) {
  .p-scene-gallery__summary {
    max-width: 800px;
    width: 90%;
    margin-inline: auto;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__summary {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
.p-scene-gallery__summary::after {
  content: counter(gallery-count, decimal-leading-zero) ".";
  position: absolute;
  font-family: var(--font-en-sans-serif);
  font-weight: 500;
  font-style: oblique;
  color: var(--color-primary);
  line-height: 1;
}
@media (max-width: 767px) {
  .p-scene-gallery__summary::after {
    font-size: 5.6rem;
    top: -1rem;
    left: 0;
  }
}
@media (min-width: 768px) {
  .p-scene-gallery__summary::after {
    font-size: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .p-scene-gallery__summary::after {
    font-size: 80px;
  }
}
.p-scene-gallery__summary-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3em;
  padding-inline: var(--px-summary-inner);
  background-color: var(--color-white-subtle);
  font-size: var(--text-base);
  letter-spacing: 0.04em;
}
.p-scene-gallery__summary-inner dt {
  font-size: 2em;
}
.p-scene-gallery__summary-inner dd {
  line-height: 1.8;
}
@media (max-width: 1024px) {
  .p-scene-gallery__summary-inner {
    padding-block: 5em;
    padding-inline: 1em;
  }
}
@media (min-width: 1025px) {
  .p-scene-gallery__summary-inner {
    min-height: 410px;
    padding-block: 40px;
  }
}

/* --- cards --- */
.p-scene__cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-card-variant, var(--gap-card));
}
@media (max-width: 767px) {
  .p-scene__cards {
    --gap-card: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .p-scene__cards {
    --gap-card: 60px 50px;
  }
}
@media (min-width: 1440px) {
  .p-scene__cards {
    --gap-card: 60px 100px;
  }
}
@media (max-width: 767px) {
  .p-scene__cards[data-card-type=small] {
    --gap-card-variant: 1em;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .p-scene__cards[data-card-type=small] {
    --gap-card-variant: 2em;
  }
}
@media (min-width: 1440px) {
  .p-scene__cards[data-card-type=small] {
    --gap-card-variant: 48px;
  }
}
@media (max-width: 767px) {
  .p-scene__card {
    width: var(--w-card-variant, 80%);
  }
}
@media (min-width: 768px) {
  .p-scene__card {
    width: var(--w-card-variant, 325px);
  }
}
@media (max-width: 767px) {
  [data-card-type=small] .p-scene__card {
    --w-card-variant: 30%;
  }
}
@media (min-width: 768px) {
  [data-card-type=small] .p-scene__card {
    --w-card-variant: 200px;
  }
}
.p-scene__card:has(.p-scene-celebratory__sample-card) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--color-white);
}
.p-scene__card-caption {
  display: flex;
  flex-direction: column;
  gap: var(--gap-caption-variant, 0.25em);
  text-align: var(--text-align-caption, center);
}
* + .p-scene__card-caption {
  -webkit-margin-before: var(--mt-caption-variant, 1.5em);
          margin-block-start: var(--mt-caption-variant, 1.5em);
}
.p-scene__card-caption .p-scene__description:first-child {
  font-weight: 700;
}

/* --- panels --- */
.p-scene__panels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: vr(--bg-panel-list, var(--color-white));
  text-align: center;
  color: var(--color-primary);
}
.p-scene__panels[data-panels=dark-theme] {
  --bg-panel-list: var(--color-black);
}
.p-scene__panel {
  aspect-ratio: var(--aspect-square);
}
.p-scene__panel[data-panel-filled] {
  background-color: var(--color-white-subtle);
  background-position: right bottom;
  background-size: 45.5696202532%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .p-scene__panel[data-panel-filled] {
    --py-panel: calc(56 / 395 * 100%);
  }
}
.p-scene__panel[data-panel-filled=birthday] {
  background-image: url(../../assets/images/global/icons/icon-birthday.svg);
}
.p-scene__panel[data-panel-filled=continuation] {
  background-image: url(../../assets/images/global/icons/icon-continuation.svg);
}
.p-scene__panel[data-panel-filled=retirement] {
  background-image: url(../../assets/images/global/icons/icon-retirement.svg);
}
.p-scene__panel[data-panel-filled=thanks] {
  background-image: url(../../assets/images/global/icons/icon-thanks.svg);
}
.p-scene__panel[data-panel-filled=marriage] {
  background-image: url(../../assets/images/global/icons/icon-marriage.svg);
}
.p-scene__panel[data-panel-filled=job-offer] {
  background-image: url(../../assets/images/global/icons/icon-job-offer.svg);
}
.p-scene__panel[data-panel-filled=job-to-parents] {
  background-image: url(../../assets/images/global/icons/icon-job-to-parents.svg);
}
.p-scene__panel[data-panel-filled=anniversary] {
  background-image: url(../../assets/images/global/icons/icon-anniversary.svg);
}
.p-scene__panel-summary {
  container-type: inline-size;
  container-name: panel-summary;
  height: 100%;
  padding-block: var(--py-panel-summary);
  padding-inline: 14.1772151899%;
  letter-spacing: 0.04em;
}
.p-scene__panel-summary dt {
  font-weight: 700;
}
.p-scene__panel-summary dd {
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-scene__panel-summary {
    --py-panel-summary: 7.5cqi;
  }
  .p-scene__panel-summary dt {
    font-size: 10cqi;
  }
  .p-scene__panel-summary dd {
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    font-size: 5cqi;
  }
}
@media (min-width: 768px) {
  .p-scene__panel-summary {
    --py-panel-summary: 95px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .p-scene__panel-summary {
    --py-panel-summary: 50px;
  }
}
@media (min-width: 768px) {
  .p-scene__panel-summary dt {
    font-size: var(--text-2xl);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .p-scene__panel-summary dt {
    font-size: var(--text-lg);
  }
}
@media (min-width: 768px) {
  .p-scene__panel-summary dd {
    -webkit-margin-before: 2em;
            margin-block-start: 2em;
    font-size: var(--text-base);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .p-scene__panel-summary dd {
    font-size: var(--text-sm);
  }
}

/* --- table --- */
.p-scene-table-block {
  max-width: 1200px;
  width: 100%;
  margin-inline: auto;
  color: inherit;
  overflow-x: auto;
  overflow-y: hidden;
}

.p-scene-table-container:has(.p-scene-table-thumbnail) {
  /* --- for small viewport --- */
  /* --- for large viewport --- */
}
@media (max-width: 1024px) {
  .p-scene-table-container:has(.p-scene-table-thumbnail) {
    display: grid;
    grid-template-columns: 100%;
    gap: 3rem;
  }
  .p-scene-table-container:has(.p-scene-table-thumbnail) .p-scene-table-thumbnail {
    grid-row: 1;
    margin-inline: auto;
  }
  .p-scene-table-container:has(.p-scene-table-thumbnail) .p-scene-table-block {
    grid-row: 2;
  }
}
@media (min-width: 1025px) {
  .p-scene-table-container:has(.p-scene-table-thumbnail) {
    display: flex;
    gap: 80px;
  }
}

.p-scene-table-thumbnail {
  flex-shrink: 0;
  max-width: 340px;
}

.p-scene-table {
  width: 100%;
  line-height: var(--leading-normal);
}
.is-inverted .p-scene-table {
  --border-table-variant: var(--color-gray-medium);
  --bg-thead-variant: #3f3f3f;
}
.p-scene-table tr {
  border-top: 1px solid var(--border-table-variant, var(--color-gray));
}
.p-scene-table tr:not(:first-child) {
  border-bottom: 1px solid var(--border-table-variant, var(--color-gray));
}
.p-scene-table tr > *:not(:last-child) {
  border-right: 1px solid var(--border-table-variant, var(--color-gray));
}
.p-scene-table :where(th, td) {
  padding-block: 0.5555555556em;
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
}
.p-scene-table thead {
  background-color: var(--bg-thead-variant, var(--color-white-subtle));
}
.p-scene-table thead :where(th, td) {
  font-size: var(--text-lg);
}
.p-scene-table__notes {
  -webkit-margin-before: 3.4285714286em;
          margin-block-start: 3.4285714286em;
  font-size: var(--text-sm);
  text-align: right;
  letter-spacing: 0.04em;
}

/**
 * each scene pages
 */
/* --- seasonal （季節行事） --- */
.p-page-scenes-seasonal .p-scene__section {
  max-width: 1256px;
}

/* --- subscription （季節行事） --- */
.p-page-scenes-subscription .c-page-header {
  max-width: 1440px;
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header] .c-global-heading::before {
  content: var(--text-content);
  font-size: var(--text-base);
  grid-row: 1;
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header] .c-global-heading__main {
  grid-row: 2;
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header] .c-global-heading__sub {
  grid-row: 3;
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case01] {
  --text-content: "定期装花事例 #1";
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case02] {
  --text-content: "定期装花事例 #2";
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case03] {
  --text-content: "定期装花事例 #3";
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case04] {
  --text-content: "定期装花事例 #4";
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case05] {
  --text-content: "定期装花事例 #5";
}
.p-page-scenes-subscription .p-scene__header[data-delivery-header=case06] {
  --text-content: "定期装花事例 #6";
}
.p-page-scenes-subscription .p-scene-delivery__summary {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5714285714em 1.7142857143em;
  font-size: var(--text-sm);
}
.p-page-scenes-subscription .p-scene-delivery__summary dt {
  padding-inline: 0.6666666667em;
  border: 1px solid var(--color-gray);
  border-radius: 100vh;
  font-size: var(--text-xs);
  line-height: 1.7142857143em;
  color: var(--color-gray);
}

/* --- benefits （福利厚生ギフト） --- */
.p-page-scenes-benefits .p-scene__section#step-flow .p-scene__section, .p-page-scenes-benefits .p-scene__section#extra .p-scene__section {
  counter-increment: benefits-count;
}
.p-page-scenes-benefits .p-scene__section#step-flow .p-scene__header .p-scene__description, .p-page-scenes-benefits .p-scene__section#extra .p-scene__header .p-scene__description {
  font-weight: 700;
}
.p-page-scenes-benefits .p-scene__section#step-flow .p-scene__section .c-global-heading:first-child::before {
  content: "STEP " counter(benefits-count, decimal-leading-zero);
}
.p-page-scenes-benefits .p-scene__section#step-flow .p-scene__card-caption {
  --gap-caption-variant: 1.5em;
}
.p-page-scenes-benefits .p-scene__section#extra .p-scene__section .c-global-heading:first-child::before {
  content: "CASE " counter(benefits-count, decimal-leading-zero);
}
.p-page-scenes-benefits .p-scene__section#examples .p-scene__section {
  text-align: center;
}
.p-page-scenes-benefits .p-scene__description {
  font-weight: 700;
}
.p-page-scenes-benefits [data-benefits-cards=step3] .p-scene__detail {
  text-align: left;
}

.p-scene-benefits__label-header {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2em;
}
.p-scene-benefits__label-header::before {
  grid-row: 1;
  grid-column: 1;
  padding-block: 0.5em;
  padding-inline: 0.8571428571em;
  border-radius: var(--rounded-full);
  background-color: var(--color-primary);
  font-size: var(--text-sm);
  line-height: var(--leading-none);
  color: var(--color-white-soft);
  letter-spacing: 0.04em;
}
.p-scene-benefits__step-flow:has([data-benefits-cards=step2]) {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-step-glow);
}
@media (max-width: 1280px) {
  .p-scene-benefits__step-flow:has([data-benefits-cards=step2]) {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .p-scene-benefits__step-flow:has([data-benefits-cards=step2]) {
    --gap-step-glow: 4rem;
  }
}
@media (min-width: 768px) {
  .p-scene-benefits__step-flow:has([data-benefits-cards=step2]) {
    --gap-step-glow: 80px;
  }
}
.p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] {
  --gap-card-variant: 32px;
}
.p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] a {
  font-weight: 700;
  text-decoration: underline;
}
.p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] + [data-benefits-cards=step2] {
  position: relative;
  flex-shrink: 0;
}
.p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] + [data-benefits-cards=step2]::before {
  content: "+";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 1.5em;
}
@media (max-width: 1280px) {
  .p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] + [data-benefits-cards=step2]::before {
    top: calc((var(--gap-step-glow) - 1.25em) * -1);
    left: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step2] + [data-benefits-cards=step2]::before {
    top: 0;
    bottom: 0;
    left: calc((var(--gap-step-glow) - 1.25em) * -1);
  }
}
.p-scene-benefits__step-flow .p-scene__cards[data-benefits-cards=step3] {
  --gap-card-variant: 48px;
}
.p-scene-benefits__step-thumbnail {
  position: relative;
  aspect-ratio: var(--aspect-square);
}
.p-scene-benefits__step-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition-default);
}
.p-scene-benefits__step-thumbnail--hover {
  opacity: var(--opacity-hover, 0);
}
.p-scene-benefits__step-thumbnail--default {
  opacity: var(--opacity-default, 1);
}
@media (max-width: 767px) {
  .p-scene-benefits__step-thumbnail:active {
    --opacity-hover: 1;
    --opacity-default: 0;
  }
}
@media (min-width: 768px) {
  .p-scene-benefits__step-thumbnail:hover {
    --opacity-hover: 1;
    --opacity-default: 0;
  }
}
.p-scene-benefits__cost-table {
  max-width: 700px;
  width: 100%;
}
.p-scene-benefits__cost-table > dt {
  font-weight: 700;
}
.p-scene-benefits__cost-table > dd {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  border-top: var(--border-style-default);
}
.p-scene-benefits__cost-table > dd a {
  --display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
  margin-inline: auto;
  font-weight: 700;
  text-decoration: underline;
}
.p-scene-benefits__cost-table > dd > dl {
  display: grid;
  grid-template-columns: 36.4285714286% 1fr;
  padding-block: 1.5em;
  border-bottom: var(--border-style-default);
}
.p-scene-benefits__panel {
  display: flex;
  flex-direction: column;
  padding-block: var(--py-panel);
  background-color: var(--color-white-subtle);
  padding-inline: 7.6923076923%;
  text-align: center;
}
@media (min-width: 768px) {
  .p-scene-benefits__panel {
    aspect-ratio: var(--aspect-square);
  }
}
.p-scene-benefits__panel dt {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.p-scene-benefits__panel dd {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}
.p-scene-benefits__panel-icon {
  max-width: 72px;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-scene-benefits__panel {
    padding-block: 2.5em;
  }
}
@media (min-width: 768px) {
  #recs-faq .p-scene-benefits__panel {
    padding-block: 30.7692307692% 15.3846153846%;
  }
  #how-to .p-scene-benefits__panel {
    padding-block: 13.8461538462%;
  }
}
.p-scene-benefits__table tr > *:first-child {
  padding-inline: 2.6041666667vw;
}
.p-scene-benefits__table tr > *:last-child {
  padding-inline: 5.2083333333vw;
}
.p-scene-benefits__table tr > td:not(:last-child) {
  padding-inline: 2.6041666667vw;
}
.p-scene-benefits__example-summary {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 2em;
  color: var(--color-primary);
  font-weight: 700;
}
.p-scene-benefits__example-summary dd {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .p-scene-benefits__example-summary :where(dt, dd > *) {
    padding-inline: 2.5em;
    font-size: var(--text-base);
  }
}
@media (min-width: 768px) {
  .p-scene-benefits__example-summary :where(dt, dd > *) {
    padding-inline: 90px;
    font-size: 22px;
  }
}
.p-scene-benefits__example-summary :where(dd > *) {
  border-left: var(--border-style-default);
}

/* --- event （イベント・空間演出） --- */
.p-page-scenes-events .p-scene__header {
  --max-w-header-variant: 1600px;
}
.p-page-scenes-events .p-scene__carousel-slide {
  width: clamp(240px, 40%, 400px);
}

/* --- bridal （プロポーズ＆ブライダル） --- */
.p-page-scenes-bridal .p-scenes-bridal__lead {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  font-size: var(--text-2xl);
  color: var(--color-primary);
  letter-spacing: 0.06em;
  line-height: var(--leading-loose);
}
.p-page-scenes-bridal .p-scenes-bridal__table tbody th {
  padding-inline: 2em;
}
.p-page-scenes-bridal .p-scenes-bridal__table tbody td {
  padding-inline: 1.1111111111em;
}
.p-page-scenes-bridal #propose {
  max-width: 1200px;
}
.p-page-scenes-bridal #propose .p-scene__detail {
  line-height: var(--leading-loose);
}
.p-page-scenes-bridal #bouquet .p-scene__card img + img {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}
.p-page-scenes-bridal #wedding-bouquet {
  max-width: 1200px;
}
.p-page-scenes-bridal #wedding-bouquet .p-scene__header .p-scene__detail {
  max-width: 572px;
  line-height: var(--leading-loose);
}
.p-page-scenes-bridal #bouquets-summary .p-scene__card {
  display: flex;
  flex-direction: column;
}
.p-page-scenes-bridal #bouquets-summary #stem-finish .p-scene__card-caption {
  --text-align-caption: left;
}
.p-page-scenes-bridal #bouquets-summary .p-scene__card {
  justify-content: end;
}
.p-page-scenes-bridal #wedding-items {
  max-width: 1200px;
}
.p-page-scenes-bridal #wedding-items .p-scene__description {
  max-width: 500px;
}
.p-page-scenes-bridal #wedding-items .p-scene__card-caption {
  --mt-caption-variant: 8px;
}
.p-page-scenes-bridal #summaries .p-scene__card {
  display: flex;
  flex-direction: column;
}
.p-page-scenes-bridal #summaries .p-scene__card-caption {
  --mt-caption-variant: 8px;
}
.p-page-scenes-bridal #guest-table .p-scene__card {
  justify-content: end;
}
.p-page-scenes-bridal #night-wedding {
  max-width: 1200px;
}
.p-page-scenes-bridal #night-wedding .p-scene__header .p-scene__description {
  max-width: 510px;
}
@media (min-width: 768px) {
  .p-page-scenes-bridal #night-wedding .p-scene__cards {
    --gap-card-variant: 100px 60px;
  }
}
.p-page-scenes-bridal #night-wedding-detail .p-scene__card-caption {
  --gap-caption-variant: calc(24 / 16 * 1em);
  --text-align-caption: left;
}
.p-page-scenes-bridal #night-wedding-detail .p-scene__description {
  text-align: left;
}
@media (min-width: 768px) {
  .p-page-scenes-bridal #about-process .p-scene__buttons {
    flex-direction: row;
    justify-content: center;
  }
}
.p-page-scenes-bridal #about-process .c-global-button {
  --button-text-align: center;
}
.p-page-scenes-bridal .p-scene__cards ~ :where(.p-page-scenes-bridal .p-scene__lead, .p-page-scenes-bridal .p-scene__description, .p-page-scenes-bridal .p-scene__detail, .p-page-scenes-bridal .p-scene__notes) {
  text-align: center;
}
.p-page-scenes-bridal .p-scene__cards ~ :where(.p-page-scenes-bridal .p-scene__lead, .p-page-scenes-bridal .p-scene__description, .p-page-scenes-bridal .p-scene__detail, .p-page-scenes-bridal .p-scene__notes) {
  text-align: center;
}
.p-page-scenes-bridal .p-scene-bridal__about-deliveries {
  max-width: 1440px;
  width: 95%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__about-deliveries {
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .p-page-scenes-bridal .p-scene-bridal__about-deliveries {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
}
.p-page-scenes-bridal .p-scene-bridal__about-delivery {
  display: flex;
  flex-direction: column;
  padding-block: var(--py-about-delivery);
  padding-inline: var(--px-about-delivery);
  aspect-ratio: var(--aspect-square);
  background-color: #444;
  text-align: center;
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__about-delivery {
    --py-about-delivery: 4rem;
    --px-about-delivery: 4rem;
    gap: 2em;
  }
}
@media (min-width: 768px) {
  .p-page-scenes-bridal .p-scene-bridal__about-delivery {
    --py-about-delivery: 80px;
    --px-about-delivery: 100px;
    gap: 3em;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .p-page-scenes-bridal .p-scene-bridal__about-delivery {
    --px-about-delivery: 40px;
  }
}
.p-page-scenes-bridal .p-scene-bridal__about-delivery > dt {
  font-family: var(--font-ja-serif);
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__about-delivery > dt {
    font-size: var(--text-2xl);
  }
}
@media (min-width: 768px) {
  .p-page-scenes-bridal .p-scene-bridal__about-delivery > dt {
    font-size: 32px;
  }
}
.p-page-scenes-bridal .p-scene-bridal__about-delivery > dd:not(:first-of-type) {
  text-align: left;
}
.p-page-scenes-bridal .p-scene-bridal__about-delivery > dd dl dt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
  margin-inline: auto;
  padding-block: 0.5em;
  padding-inline: 0.6666666667em;
  border: 1px solid var(--color-gray);
  border-radius: 100vh;
  font-size: var(--text-xs);
  color: var(--color-gray);
  line-height: 1;
}
.p-page-scenes-bridal .p-scene-bridal__wedding-items {
  gap: 1.5em;
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__wedding-items {
    display: grid;
    grid-template-columns: 100%;
  }
}
@media (min-width: 768px) {
  .p-page-scenes-bridal .p-scene-bridal__wedding-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-page-scenes-bridal .p-scene-bridal__wedding-item {
  background-color: #444;
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__wedding-item {
    padding-block: 5em;
    padding-inline: 2.5em;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .p-page-scenes-bridal .p-scene-bridal__wedding-item {
    padding-block: 5em;
    padding-inline: 2.5em;
  }
}
@media (min-width: 1280px) {
  .p-page-scenes-bridal .p-scene-bridal__wedding-item {
    padding-block: 10em;
    padding-inline: 5em;
  }
}
.p-page-scenes-bridal .p-scene-bridal__wedding-item dt {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  font-size: var(--text-xl);
  text-align: center;
}
.p-page-scenes-bridal .p-scene-bridal__wedding-item dd {
  -webkit-margin-before: 3.75em;
          margin-block-start: 3.75em;
}
.p-page-scenes-bridal .p-scene-bridal__wedding-item dd > * {
  line-height: var(--leading-tight);
}
.p-page-scenes-bridal .p-scene-bridal__planning-table {
  max-width: 900px;
  margin-inline: auto;
}
.p-page-scenes-bridal .p-scene-bridal__planning-table > dl {
  padding-block: var(--py-planning-table-variant, var(--py-planning-table));
}
.p-page-scenes-bridal .p-scene-bridal__planning-table > dl:not(:first-child) {
  border-top: 1px solid var(--color-white);
}
@media (max-width: 767px) {
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl {
    --py-planning-table: calc(60 / 16 * 1em);
  }
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl:first-child {
    --py-planning-table-variant: 0 calc(60 / 16 * 1em);
  }
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl:last-child {
    --py-planning-table-variant: calc(60 / 16 * 1em) 0;
  }
}
@media (min-width: 768px) {
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl {
    --py-planning-table: calc(60 / 16 * 1em);
  }
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl:first-child {
    --py-planning-table-variant: 0 calc(60 / 16 * 1em);
  }
  .p-page-scenes-bridal .p-scene-bridal__planning-table > dl:last-child {
    --py-planning-table-variant: calc(60 / 16 * 1em) 0;
  }
}
.p-page-scenes-bridal .p-scene-bridal__planning-table dt {
  font-size: var(--text-2xl);
}
.p-page-scenes-bridal .p-scene-bridal__planning-table dt + dd {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}
.p-page-scenes-bridal .p-scene-bridal__planning-table dd + dt {
  -webkit-margin-before: 3.75em;
          margin-block-start: 3.75em;
}
.p-page-scenes-bridal .p-scene-bridal__night-wedding-sub-title {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  letter-spacing: 0.06em;
  font-size: var(--text-2xl);
}
.p-page-scenes-bridal .c-order-step__list {
  max-width: 700px;
  margin-inline: auto;
}
.p-page-scenes-bridal .c-order-step__title {
  font-family: var(--font-ja-serif);
  font-weight: 400;
  --fs-order-step-variant: var(--text-xl);
}
.p-page-scenes-bridal .c-order-step__title::before {
  font-family: var(--font-en-serif);
  font-weight: 300;
  letter-spacing: -0.04em;
  --fs-order-step-number-variant: var(--text-2xl);
  left: -2.75em;
  width: 1.9583333333em;
  height: 1.9583333333em;
}

/* --- ceremony （式典・セレモニー） --- */
.p-scene__interactive {
  position: relative;
  aspect-ratio: 1920/1080;
  background-image: var(--bg-interactive);
  background-size: 100%;
  background-position: center;
}
.p-scene__interactive-visual {
  position: absolute;
  pointer-events: none;
}
.p-scene__interactive-visual[data-interactive-visual=awards] {
  width: 20.4166666667vw;
  top: 11.1979166667vw;
  left: 23.1770833333vw;
}
.p-scene__interactive-visual[data-interactive-visual=party-01] {
  width: 23.1770833333vw;
  bottom: 0.78125vw;
  left: 4.1666666667vw;
}
.p-scene__interactive-visual[data-interactive-visual=party-02] {
  width: 22.9166666667vw;
  bottom: 1.1979166667vw;
  left: 14.7916666667vw;
}
.p-scene__interactive-item {
  position: absolute;
}
.p-scene__interactive-item[data-interactive-item="01"] {
  top: 20.5729166667vw;
  left: 36.875vw;
}
.p-scene__interactive-item[data-interactive-item="02"] {
  top: 21.25vw;
  right: 43.6458333333vw;
}
.p-scene__interactive-item[data-interactive-item="03"] {
  bottom: 15.3645833333vw;
  right: 28.6458333333vw;
}
.p-scene__interactive-item[data-interactive-item="04"] {
  top: 22.3958333333vw;
  right: 14.5833333333vw;
}
.p-scene__interactive-item[data-interactive-item="05"] {
  bottom: 22.0833333333vw;
  left: 12.9166666667vw;
}
.p-scene__interactive-item[data-interactive-item="06"] {
  bottom: 25.7291666667vw;
  left: 27.5vw;
}
.p-scene__interactive-item[data-interactive-item="07"] {
  bottom: 15.1041666667vw;
  right: 37.1354166667vw;
}
.p-scene__interactive-button {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  border-radius: var(--rounded-full);
  background-color: rgba(255, 255, 255, 0.5);
  background-size: 1.25vw;
  background-image: url(../../assets/images/global/icons/icon-finger.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-animation: anim-bright-background 3000ms ease-in-out infinite;
          animation: anim-bright-background 3000ms ease-in-out infinite;
}

@-webkit-keyframes anim-bright-background {
  0% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes anim-bright-background {
  0% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.p-scene__widget {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-default), visibility var(--transition-default);
  background: linear-gradient(rgba(76, 102, 85, 0.1), rgba(76, 102, 85, 0.1)), var(--color-white);
}
@media (max-width: 767px) {
  .p-scene__widget {
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + var(--widget-shift, 0px)), -50%);
    width: min(480px, 100vw - 2rem);
  }
}
@media (min-width: 768px) {
  .p-scene__widget {
    bottom: 0;
    left: 50%;
    transform: translateX(calc(-50% + var(--widget-shift, 0px)));
    width: 637px;
  }
}
.p-scene__widget.is-open {
  opacity: 1;
  visibility: visible;
}
.p-scene__widget-inner {
  display: grid;
}
@media (max-width: 767px) {
  .p-scene__widget-inner {
    gap: 1.2rem;
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .p-scene__widget-inner {
    grid-template-columns: auto 242px;
    gap: 24px;
    padding-block: 40px;
    padding-inline: 40px;
  }
}
.p-scene__widget-description {
  display: flex;
  flex-direction: column;
  gap: 1em;
  color: var(--color-primary);
}
.p-scene__widget-description .p-scene__widget-title {
  margin-block: 0 0.5em;
}
@media (max-width: 767px) {
  .p-scene__widget-description {
    grid-row: 3;
  }
}
@media (min-width: 768px) {
  .p-scene__widget-description {
    padding-block: 1em 0;
  }
}
.p-scene__widget-title {
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--color-primary);
}
@media (max-width: 767px) {
  .p-scene__widget-title {
    grid-row: 2;
  }
}
@media (min-width: 768px) {
  .p-scene__widget-title {
    grid-column: 1/-1;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .p-scene__widget-detail {
    max-width: 61.9946091644%;
  }
}
.p-scene__widget-type {
  font-weight: 700;
}
.p-scene__widget-price {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--gap-x-price);
       column-gap: var(--gap-x-price);
}
@media (max-width: 767px) {
  .p-scene__widget-price {
    --gap-x-price: 0.6rem;
  }
}
@media (min-width: 768px) {
  .p-scene__widget-price {
    --gap-x-price: 12px;
  }
}
.p-scene__widget-label {
  padding: 0.3em 0.8em;
  font-size: 10px;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 100vh;
}
@media (max-width: 767px) {
  .p-scene__widget-thumbnail {
    grid-row: 1;
  }
}

.p-page-scenes-awards {
  overflow: hidden;
}
.p-page-scenes-awards #awards .p-scene__interactive {
  --bg-interactive: url(../../assets/images/subpage-scenes/ceremony-interaction-area-01.webp);
}
.p-page-scenes-awards #party .p-scene__interactive {
  --bg-interactive: url(../../assets/images/subpage-scenes/ceremony-interaction-area-02.webp);
}

/* --- celebratory （お祝い花（移転・就任・周年・開店など）） --- */
@media (min-width: 768px) {
  .p-page-scenes-celebratory .c-global-heading--tertiary {
    --fs-heading-sub: var(--text-base);
  }
}
.p-page-scenes-celebratory .c-global-heading--tertiary .c-global-heading__sub {
  font-family: var(--font-en-serif-value), var(--font-ja-serif-value), serif;
  font-weight: 400;
}
/*# sourceMappingURL=scene.css.map */