@charset "utf-8";
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
/*------------------------------------------------*/
#hisApp:has(.bg-video) {
  .bg-video,
  .bg-color {
    position: fixed;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .bg-video {
    object-fit: cover;
  }
  .bg-color {
    background: var(--default-color-pa-05);
    opacity: 0;
    transition: opacity 3s linear;
    &.is-on {
      opacity: 1;
    }
  }
  #pageContent {
    position: relative;
    z-index: 1;
  }
  .ui-static-breadcrumb,
  #footerArea {
    background: #fff;
  }
}
/*★ ＝＝ navArea ＝＝ ★*/
#navArea {
  position: sticky;
  top: 0;
  z-index: 300;
  font-size: 14px;
  .page-navi-item {
    --page-navi-item-inner-logo-color: var(--default-color-pa5);
    &.is-active.is-top {
      --page-navi-item-inner-logo-color: var(--default-color-grade0);
    }
    .page-navi-item__inner--logo {
      display: grid;
      grid-auto-flow: column;
      gap: var(--page-navi-item-inner-logo-gap);
      align-items: center;
      justify-content: center;
      &::before,
      &::after {
        content: '';
        width: 31px;
        height: 32px;
        background: var(--page-navi-item-inner-logo-color);
        mask: url('../images/icon_elephant.svg') no-repeat center center / contain;
      }
      .page-navi-item__inner--logo--image {
        width: 84px;
        height: 21px;
        background: var(--page-navi-item-inner-logo-color);
        mask: url('../images/menu_ttl.svg') no-repeat center center / contain;
      }
    }
    .page-navi-item__inner--text {
      font-weight: var(--default-font-weight-700);
    }
  }
  .is-size-sp & {
    .navi-contents__open-button,
    .navi-contents__close-button {
      position: absolute;
      right: 0;
      width: 48px;
      height: 46px;
      background: var(--default-color-pa);
      border-radius: var(--default-radius-4) 0 0 var(--default-radius-4);
      display: grid;
      place-items: center;
      &::before {
        content: var(--navi-contents-button-icon, '\eb9e');
        font-family: var(--default-icon-ff);
        font-size: 2em;
        line-height: 1;
        color: var(--default-color-white);
      }
    }
    .navi-contents__close-button {
      --navi-contents-button-icon: '\e5cd';
      top: 0;
      opacity: 0.7;
    }
    .navi-contents {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 300;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      background: var(--default-color-white);
    }
    .navi-lineup {
      width: var(--default-width);
      margin-inline: auto;
      padding-block: 48px 40px;
      --page-navi-item-inner-logo-gap: 24px;
      .page-navi-item {
        &.is-top {
          border-bottom: 1px solid var(--default-color-grade0);
        }
        &:not(.is-top) {
          &:not(:nth-child(1 of .page-navi-item:not(.is-top))) {
            border-top: 1px dashed var(--default-color-grade0);
          }
          &.is-active {
            --page-navi-item-inner-font-color: var(--default-color-grade0);
          }
          .page-navi-item__inner {
            display: block;
            color: var(--page-navi-item-inner-font-color, var(--default-color-pa));
            padding-block: 10px;
          }
        }
      }
      .portal-navi-item {
        margin-top: 40px;
        .portal-navi-item-title {
          font-size: var(--default-font-size-16);
          font-weight: var(--default-font-weight-700);
          color: var(--default-color-pa5);
          line-height: var(--default-font-lh-150);
          text-align: center;
          padding-bottom: var(--default-gap-8);
          border-bottom: 1px solid var(--default-color-grade0);
        }
        .portal-navi-item-lineup {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: var(--default-gap-8) 40px;
          .portal-navi-item-lineup__item--inner {
            display: block;
            color: var(--portal-navi-item-lineup-item-font-color, var(--default-color-pa));
            font-weight: var(--default-font-weight-700);
            padding-block: 10px;
            &.is-active {
              --portal-navi-item-lineup-item-font-color: var(--default-color-grade0);
            }
          }
        }
      }
    }
  }
  .is-size-pc & {
    background: var(--default-color-white);
    padding-inline: var(--default-gap-12);
    border-bottom: 1px solid var(--default-color-grade0);
    .navi-contents {
      max-width: var(--default-width-pc);
      margin-inline: auto;
    }
    .navi-lineup {
      display: flex;
      justify-content: space-between;
      align-items: center;
      --page-navi-item-inner-logo-gap: var(--default-gap-8);
    }
    .page-navi-item__inner {
      --page-navi-item-inner-box-shadow: 0px -4px 0px 0px var(--default-color-grade0) inset;
      height: 44px;
      display: grid;
      align-items: center;
      .page-navi-item:not(.is-top) & {
        padding-inline: var(--default-gap-4);
      }
      .page-navi-item.is-active:not(.is-top) & {
        box-shadow: var(--page-navi-item-inner-box-shadow);
      }
      .page-navi-item__inner--text {
        line-height: 1;
      }
    }
    .portal-navi-item__inner {
      min-width: 148px;
      line-height: var(--default-font-lh-130);
      position: relative;
      .portal-navi-item-toggle {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        background: var(--portal-navi-item-toggle-bg, var(--default-color-pa5));
        color: var(--default-color-white);
        text-align: left;
        padding: var(--default-gap-8) var(--default-gap-12);
        border-radius: var(--default-radius-8);
        &[aria-expanded='true'] {
          border-radius: var(--default-radius-8) var(--default-radius-8) 0 0;
          --portal-navi-item-toggle-icon-rotate: -180deg;
        }
        &::after {
          content: var(--default-icon-arrow-down);
          font-family: var(--default-icon-ff);
          font-size: 1.5em;
          line-height: 1;
          font-weight: var(--default-font-weight-normal);
          color: var(--default-color-white);
          rotate: var(--portal-navi-item-toggle-icon-rotate, 0);
          transition: rotate var(--default-transition-speed);
        }
        .portal-navi-item-toggle__text--title {
          font-size: var(--default-font-size-12);
        }
        .portal-navi-item-toggle__text--active-portal {
          font-weight: var(--default-font-weight-700);
        }
      }
      .portal-navi-item-lineup {
        width: 100%;
        background: var(--default-color-white);
        border: 1px solid var(--default-color-grade0);
        border-top: 0;
        border-radius: 0 0 var(--default-radius-8) var(--default-radius-8);
        overflow: hidden;
        .portal-navi-item-lineup__item {
          &:not(:first-child) {
            border-top: 1px dashed var(--default-color-pa2);
          }
        }
        .portal-navi-item-lineup__item--inner {
          display: grid;
          grid-template-columns: auto 1fr;
          align-items: center;
          gap: 2px;
          padding: var(--default-gap-8);
          font-weight: var(--default-font-weight-700);
          &::before {
            content: var(--default-icon-arrow-right);
            font-family: var(--default-icon-ff);
            font-size: 1em;
            line-height: 1;
            color: var(--default-color-pa);
          }
        }
      }
    }
  }
}

/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
.mv {
  color: var(--default-color-white);
  min-height: var(--mv-height);
  display: grid;
  place-items: center;
  --mv-logo-size-w: min(100cqw, 800px);
  .is-size-sp & {
    --default-width-sp-val: 375;
    container-type: inline-size;
    --mv-height: min((540 / var(--default-width-sp-val)) * 100cqw, 800px);
    --mv-gap: 120px;
    padding-block: calc((76 / var(--default-width-sp-val)) * 100cqw) calc((57 / var(--default-width-sp-val)) * 100cqw);
  }
  .is-size-pc & {
    --mv-height: 740px;
    --mv-gap: 172px;
  }
  .is-page-top & {
    .is-size-sp & {
      padding-block: calc((109 / var(--default-width-sp-val)) * 100cqw) calc((54 / var(--default-width-sp-val)) * 100cqw);
      --default-width-sp-val: 375;
      --mv-height: max(100vh, 701px);
      --mv-gap: calc((80 / var(--default-width-sp-val)) * 100cqw);
      --mv-logo-size-w: calc((339 / var(--default-width-sp-val)) * 100cqw);
      --mv-bg-logo-posi: calc((22 / var(--default-width-sp-val)) * 100cqw);
      --mv-bg-logo-size: calc((85 / var(--default-width-sp-val)) * 100cqw);
      background: url('../images/top/logo_thailand_sp.svg') no-repeat var(--mv-bg-logo-posi) var(--mv-bg-logo-posi) / var(--mv-bg-logo-size);
    }
    .is-size-pc & {
      --mv-height: 866px;
      --mv-gap: 123px;
      --mv-logo-size-w: 746px;
      background: url('../images/top/logo_thailand_pc.svg') no-repeat center 32px / min(((988 / var(--default-width-pc-val)) * 100%), 988px);
    }
  }
  .mv__inner {
    display: grid;
    gap: var(--mv-gap);
  }
  .mv__logo {
    display: grid;
    gap: 16px;
    justify-items: center;
    .is-size-pc & {
      gap: 24px;
    }
    .mv__logo--text {
      font-family: var(--default-font-family-min);
      font-size: min((20vw / 3.75), 32px);
      font-weight: var(--default-font-weight-700);
      line-height: var(--default-font-lh-130);
      text-shadow: 1px 2px 0 #000;
      .is-size-pc & {
        padding-block: 5px;
      }
    }
    .mv__logo--image {
      width: var(--mv-logo-size-w);
    }
  }
  .mv__lead {
    text-align: center;
    font-weight: var(--default-font-weight-700);
    line-height: var(--default-font-lh-180);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding-inline: var(--default-gap-8);
    .is-size-sp & {
      .is-page-top & {
        line-height: 2.2;
      }
    }
  }
  &:has(.mv__bg) {
    position: relative;
    .mv__bg {
      position: absolute;
      inset: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      z-index: -1;
      .base-picture__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea {
  --section-border-size: 6px;
  --section-border: var(--section-border-size) solid var(--default-color-yellow3);
  --section-gap-inner: var(--default-gap-section-top-bottom);
}
.photo-credit {
  color: var(--default-color-pa);
  text-align: right;
  line-height: var(--default-font-lh-150);
  border-top: var(--section-border);
  padding-top: calc(var(--default-gap-16) - var(--section-border-size));
  background: var(--default-color-white);
  .photo-credit__inner {
    display: block;
    width: var(--default-width);
    margin-inline: auto;
  }
}
/*section*/
.section {
  padding: var(--section-gap-inner) 0;
  &:has(.splide) {
    .section__inner {
      width: 100%;
    }
  }
  .section__inner {
    width: var(--default-width);
    margin: auto;
  }
}
/*section-title and section-lead and block-lead*/
.section-title {
  color: var(--default-color-pa3);
  text-align: center;
  font-family: var(--default-font-family-min);
  font-weight: var(--default-font-weight-900);
}
.section-lead,
.block-lead {
  color: var(--default-color-pa);
  font-weight: var(--default-font-weight-700);
  .is-size-sp & {
    line-height: var(--default-font-lh-150);
  }
}
/*section-nav*/
.section-nav {
  .is-size-sp & {
    padding-top: min((38vw / 3.75), 60px);
  }
  .is-size-pc & {
    padding-block: 60px;
  }
  .section-nav-lineup {
    width: var(--default-width);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--default-gap-12);
    flex-wrap: wrap;
  }
  .section-nav-lineup__item--link {
    display: block;
    --section-nav-item-size: min((80vw / 3.75), 120px);
    width: var(--section-nav-item-size);
    height: var(--section-nav-item-size);
    border-radius: var(--default-radius-circle);
    overflow: hidden;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid var(--default-color-yellow4);
    position: relative;
    .section-nav-lineup__item--bg {
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
    }
    .section-nav-lineup__item--text {
      position: relative;
      display: grid;
      align-items: center;
      width: 100%;
      height: 100%;
      text-align: center;
      font-weight: var(--default-font-weight-700);
      line-height: var(--default-font-lh-130);
      color: var(--default-color-white);
      background: var(--section-nav-item--text-bg, rgba(0, 0, 0, 0.4));
      padding: var(--default-gap-8);
      .is-size-pc & {
        --section-nav-item-icon-posi-y: 6px;
      }
      &::after {
        content: var(--section-nav-item-icon, var(--default-icon-arrow-right));
        font-family: var(--default-icon-ff);
        font-size: var(--default-font-size-12);
        line-height: 1;
        font-weight: var(--default-font-weight-normal);
        color: var(--default-color-yellow4);
        position: absolute;
        bottom: var(--section-nav-item-icon-posi-y, 0);
        left: 50%;
        translate: -50% 0;
      }
    }
    &[href^='#'] {
      .section-nav-lineup__item--text::after {
        rotate: 90deg;
      }
    }
  }
}
/*base-item-card-spot*/
.base-item-card-spot {
  --spot-card-item-size: calc((100% - var(--spot-card-gap-x) * (var(--spot-card-columns-num) - 1)) / var(--spot-card-columns-num));
  --spot-card-gap-x: min((15vw / 3.75), 36px);
  --spot-card-columns-num: 2;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--default-gap-spot-margin) var(--spot-card-gap-x);
  .is-size-pc & {
    --spot-card-columns-num: 3;
  }
  .base-item-card-spot__item {
    display: grid;
    gap: var(--spot-card-item-gap-y, 0);
    align-content: start;
    align-items: start;
    width: var(--spot-card-item-size);
    &:not(.is-layout-size-small) {
      + .is-layout-kazari {
        display: none;
      }
    }
    &.is-layout-kazari {
      background: url('../images/spot_kazari.png') no-repeat center center / min((128vw / 3.75), 264px);
    }
    &.is-layout-size-large {
      --spot-card-item-size: 100cqw;
      --spot-card-item-img-radius: var(--default-radius-16);
      --spot-card-item-title-font-size: var(--default-font-size-spot-lm-ttl);
      --spot-card-item-title-small-font-size: var(--default-font-size-spot-lm-ttl-small);
      --spot-card-item-sub-title-font-size: var(--default-font-size-spot-lm-min);

      --spot-card-item-notes-margin-top: var(--default-gap-8);
      .base-item-card-spot__photo {
        width: var(--spot-card-item-img-size-w, 100%);
        position: relative;
        .base-img__item {
          position: relative;
          z-index: 1;
        }
        &.is-num-01 {
          justify-self: center;
        }
        &.is-num-02 {
          justify-self: right;
          &::after {
            bottom: var(--spot-card-item-img-border-posi-y);
            right: var(--spot-card-item-img-border-posi-x);
          }
        }
        &.is-num-03 {
          justify-self: left;
        }
        &::before,
        &.is-num-02::after {
          content: var(--spot-card-item-img-border-content, '');
          display: block;
          width: var(--spot-card-item-img-border-size-w);
          height: var(--spot-card-item-img-border-size-h);
          background: var(--spot-card-item-img-border) no-repeat center center / contain;
          position: absolute;
        }
        &::before {
          top: var(--spot-card-item-img-border-posi-y);
          left: var(--spot-card-item-img-border-posi-x);
        }
      }
      .is-size-sp & {
        .base-item-card-spot__photo {
          &.is-num-01 {
            --spot-card-item-img-border-content: none;
          }
          &.is-num-02 {
            --spot-card-item-img-size-w: calc((210 / var(--default-width-sp-val)) * 100cqw);
            margin-right: calc((3.75 / var(--default-width-sp-val)) * 100cqw);
            margin-top: calc((14 / var(--default-width-sp-val)) * 100cqw);
            &::before {
              --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_03_sp.svg');
              --spot-card-item-img-border-size-w: calc((169 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-size-h: calc((109 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-posi-y: calc((8 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-posi-x: calc((-98.25 / var(--default-width-sp-val)) * 100cqw);
            }
            &::after {
              --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_02_sp.svg');
              --spot-card-item-img-border-size-w: calc((134 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-size-h: calc((169 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-posi-y: calc((-75 / var(--default-width-sp-val)) * 100cqw);
              --spot-card-item-img-border-posi-x: calc((30 / var(--default-width-sp-val)) * 100cqw);
            }
          }
          &.is-num-03 {
            margin-left: calc((9.25 / var(--default-width-sp-val)) * 100cqw);
            margin-block: calc((16 / var(--default-width-sp-val)) * 100cqw);
            --spot-card-item-img-size-w: calc((260 / var(--default-width-sp-val)) * 100cqw);
            --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_04_sp.svg');
            --spot-card-item-img-border-size-w: calc((40 / var(--default-width-sp-val)) * 100cqw);
            --spot-card-item-img-border-size-h: calc((125 / var(--default-width-sp-val)) * 100cqw);
            --spot-card-item-img-border-posi-y: calc((-71 / var(--default-width-sp-val)) * 100cqw);
            --spot-card-item-img-border-posi-x: calc((60 / var(--default-width-sp-val)) * 100cqw);
          }
        }
      }
      .is-size-pc & {
        grid-template:
          'photo1 photo1'
          'texts photo2'
          'texts photo3';
        grid-template-columns: calc((520 / var(--default-width-pc-val)) * 100cqw) 1fr;
        grid-template-rows: repeat(2, auto) 1fr;
        gap: 0 calc((44 / var(--default-width-pc-val)) * 100cqw);
        .base-item-card-spot__content {
          grid-area: texts;
          margin-top: calc((38.03 / var(--default-width-pc-val)) * 100cqw);
        }
        .base-item-card-spot__photo {
          &.is-num-01 {
            grid-area: photo1;
            --spot-card-item-img-size-w: calc((840 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_01_pc.svg');
            --spot-card-item-img-border-size-w: calc((220 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-size-h: calc((270 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-posi-y: calc((258 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-posi-x: calc((-91 / var(--default-width-pc-val)) * 100cqw);
          }
          &.is-num-02 {
            grid-area: photo2;
            margin-top: calc((-42 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-size-w: calc((352 / var(--default-width-pc-val)) * 100cqw);
            &::before {
              --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_03_pc.svg');
              --spot-card-item-img-border-size-w: calc((276 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-size-h: calc((220 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-posi-y: calc((-66 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-posi-x: calc((-170 / var(--default-width-pc-val)) * 100cqw);
            }
            &::after {
              --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_02_pc.svg');
              --spot-card-item-img-border-size-w: calc((220 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-size-h: calc((270 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-posi-y: calc((-160.32 / var(--default-width-pc-val)) * 100cqw);
              --spot-card-item-img-border-posi-x: calc((46 / var(--default-width-pc-val)) * 100cqw);
            }
          }
          &.is-num-03 {
            grid-area: photo3;
            margin-top: calc((40.32 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-size-w: calc((432 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border: url('../images/spot_cassette_large_img_vector_04_pc.svg');
            --spot-card-item-img-border-size-w: calc((69 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-size-h: calc((206 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-posi-y: calc((-138 / var(--default-width-pc-val)) * 100cqw);
            --spot-card-item-img-border-posi-x: calc((92 / var(--default-width-pc-val)) * 100cqw);
          }
        }
      }
    }
    &.is-layout-size-medium {
      --spot-card-item-size: 100cqw;
      --spot-card-item-img-radius: var(--default-radius-16);
      --spot-card-item-title-font-size: var(--default-font-size-spot-lm-ttl);
      --spot-card-item-title-small-font-size: var(--default-font-size-spot-lm-ttl-small);
      --spot-card-item-sub-title-font-size: var(--default-font-size-spot-lm-min);
      --spot-card-item-texts-padding-bottom: var(--default-gap-24-20);
      .is-size-sp & {
        --spot-card-item-gap-y: 12px;
      }
      .is-size-pc & {
        --spot-card-item-gap-y: var(--default-gap-24-20);
        --spot-card-item-img-size-w: calc((560 / var(--default-width-pc-val)) * 100cqw);
        grid-template-columns: var(--spot-card-item-img-size-w) 1fr;
        &:nth-child(2n of .is-layout-size-medium) {
          grid-template-columns: 1fr var(--spot-card-item-img-size-w);
          .base-item-card-spot__photo {
            order: 1;
          }
        }
      }
    }
    &.is-layout-size-small {
      gap: var(--default-gap-12);
      --spot-card-item-img-radius: var(--default-radius-8);
      --spot-card-item-title-margin-bottom: var(--default-gap-8);
      --spot-card-item-title-font-size: var(--default-font-size-spot-s-ttl);
      --spot-card-item-title-small-font-size: var(--default-font-size-spot-s-ttl-small);
      --spot-card-item-sub-title-font-size: var(--default-font-size-spot-s-min);
      --spot-card-item-text-font-size: min((13vw / 3.75), 14px);
      .is-size-pc & {
        --spot-card-item-img-radius: var(--default-radius-16);
        &:is(:nth-child(-n + 3 of .is-layout-size-small), :nth-child(3n of .is-layout-size-small)) {
          + .is-layout-kazari {
            display: none;
          }
        }
      }
      .is-size-sp & {
        &:nth-child(2n of .is-layout-size-small) {
          + .is-layout-kazari {
            display: none;
          }
        }
      }
    }
  }
  .base-item-card-spot__photo {
    order: -1;
    .base-img__item {
      border-radius: var(--spot-card-item-img-radius);
    }
  }
  .base-item-card-spot__title {
    margin-bottom: var(--spot-card-item-title-margin-bottom, var(--default-gap-16-12));
    .base-title__inner {
      display: grid;
      gap: 4px;
    }
    .base-title__main-text {
      color: var(--default-color-pa2);
      font-size: var(--spot-card-item-title-font-size);
      font-weight: var(--default-font-weight-700);
      small {
        font-size: var(--spot-card-item-title-small-font-size);
      }
    }
    .base-title__sub-text {
      color: var(--default-color-grade0);
      font-size: var(--spot-card-item-sub-title-font-size);
      font-family: var(--default-font-family-min);
    }
  }
  .base-item-card-spot__texts {
    padding-bottom: var(--spot-card-item-texts-padding-bottom, 0);
  }
  .base-item-card-spot__text {
    color: var(--default-color-pa);
    font-size: var(--spot-card-item-text-font-size, var(--default-font-size-16-14));
    font-weight: var(--default-font-weight-700);
  }
  .base-item-card-spot__notes {
    margin-top: var(--spot-card-item-notes-margin-top, var(--default-gap-16));
  }
  .base-item-card-spot__more {
    background: var(--default-color-white);
    border: 1px solid var(--default-color-yellow4);
    color: var(--default-color-yellow7);
    line-height: var(--default-font-lh-130);
    display: grid;
    grid-template-columns: max-content 1fr;
    margin-top: var(--default-gap-16-12);
    .base-item-card-spot__more--item {
      display: grid;
      grid-template-columns: subgrid;
      grid-column: span 2;
      gap: var(--default-gap-8);
      padding: var(--default-gap-8);
      &:not(:first-child) {
        border-top: 1px dashed var(--default-color-yellow4);
      }
    }
    .base-item-card-spot__more--name {
      font-size: var(--default-font-size-12);
      font-weight: var(--default-font-weight-700);
      display: grid;
      grid-template-columns: auto 1fr;
      gap: var(--default-gap-4);
      &.is-address {
        --spot-card-item-more-name-icon: '\e0c8';
      }
      &.is-access {
        --spot-card-item-more-name-icon: '\e570';
      }
      &.is-time {
        --spot-card-item-more-name-icon: '\e8b5';
        --spot-card-item-more-name-icon-variation-settings: var(--default-icon-variation-settings-fill-0);
      }
      &.is-price {
        --spot-card-item-more-name-icon: '\e2eb';
      }
      &::before {
        content: var(--spot-card-item-more-name-icon);
        font-family: var(--default-icon-ff);
        font-size: 1.5em;
        line-height: 1;
        font-variation-settings: var(--spot-card-item-more-name-icon-variation-settings, var(--default-icon-variation-settings-fill-1));
      }
    }
    .base-item-card-spot__more--text {
      font-size: var(--default-font-size-13);
    }
  }
  .base-item-card-spot__links {
    margin-top: var(--default-gap-32-24);
  }
}
/*base-item-card-point*/
.base-item-card-point {
  display: grid;
  gap: var(--point-card-margin);
  --point-card-margin: var(--default-gap-32-24);
  --point-card-item-padding: min((16vw / 3.75), 24px);
  --point-card-item-margin: var(--default-gap-16);
  --point-card-item-title-main-font-size: var(--default-font-size-spot-lm-ttl);
  --point-card-item-title-main-small-font-size: var(--default-font-size-20-16);
  --point-card-item-title-sub-font-size: var(--default-font-size-spot-lm-min);
  .is-size-pc & {
    grid-template-columns: repeat(2, 1fr);
  }
  .enjoy-lineup & {
    align-items: start;
    padding: 0 calc((64 / var(--default-width-pc-val)) * 100%);
    --point-card-margin: 32px calc((64 / var(--default-width-pc-val)) * 100%);
    --point-card-item-padding: var(--default-gap-24-20);
    --point-card-item-margin: var(--default-gap-16-12);
    --point-card-item-title-main-font-size: var(--default-font-size-spot-s-ttl); /*enjoyはmainだけ*/
  }
  .base-item-card-point__item {
    background: var(--default-color-white);
    border-radius: var(--default-radius-16);
    border: 1px solid var(--default-color-yellow3);
    padding: var(--point-card-item-padding);
    display: grid;
    align-content: start;
    justify-items: center;
    gap: var(--point-card-item-margin);
    &:has(.base-item-card-point__photo) {
      background: var(--default-color-white) url('../images/event_kazari.png') no-repeat right 12px bottom 12px / min((67vw / 3.75), 85px);
      .base-item-card-point__text {
        font-weight: var(--default-font-weight-700);
      }
      .base-item-card-point__more {
        padding-right: min((60vw / 3.75), 80px);
      }
    }
  }
  .base-item-card-point__content {
    width: 100%;
  }
  .base-item-card-point__texts {
    display: grid;
    gap: var(--default-gap-12);
  }
  .base-item-card-point__title {
    text-align: center;
    padding-bottom: 12px;
    background: linear-gradient(to right, var(--default-color-yellow3) 50%, transparent 50%) repeat-x bottom left / 4px 2px;
    .base-title__inner {
      display: grid;
    }
    .base-title__main-text {
      font-size: var(--point-card-item-title-main-font-size);
      color: var(--default-color-pa2);
      line-height: var(--default-font-lh-150);
      font-weight: var(--default-font-weight-700);
      small {
        font-size: var(--point-card-item-title-main-small-font-size, inherit);
      }
    }
    .base-title__sub-text {
      font-family: var(--default-font-family-min);
      font-size: var(--point-card-item-title-sub-font-size);
      color: var(--default-color-grade0);
    }
  }
  .base-item-card-point__text {
    font-size: var(--default-font-size-14);
    line-height: var(--default-font-lh-150);
    color: var(--default-color-pa);
  }
  .base-item-card-point__icon,
  .base-item-card-point__photo {
    order: -1;
  }
  .base-item-card-point__icon {
    --point-card-item-icon-size: min((40vw / 3.75), 50px);
    width: var(--point-card-item-icon-size);
    height: var(--point-card-item-icon-size);
    background: var(--default-color-grade);
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--default-color-white);
    &.is-icon-apparel {
      --point-card-item-icon: '\ef7b';
    }
    &.is-icon-directions_bus {
      --point-card-item-icon: '\e530';
    }
    &.is-icon-directions_boat {
      --point-card-item-icon: '\e532';
    }
    &.is-icon-schedule {
      --point-card-item-icon: '\e8b5';
      --point-card-item-icon-variation-settings: var(--default-icon-variation-settings-fill-0);
    }
    &.is-icon-info {
      --point-card-item-icon: '\ecb3'; /*アイコン名：crown*/
    }
    &.is-icon-warning {
      --point-card-item-icon: '\e002';
      --point-card-item-icon-variation-settings: var(--default-icon-variation-settings-fill-0);
    }
    &::after {
      content: var(--point-card-item-icon);
      font-family: var(--default-icon-ff);
      font-size: 2.25em;
      line-height: 1;
      font-variation-settings: var(--point-card-item-icon-variation-settings, var(--default-icon-variation-settings-fill-1));
    }
  }
  .base-item-card-point__photo {
    .base-img__item {
      border-radius: var(--default-radius-16);
    }
  }
  .base-item-card-point__more {
    .base-item-card-point__more--item {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: baseline;
      gap: var(--default-gap-4);
      font-size: var(--default-font-size-12);
      line-height: var(--default-font-lh-150);
      &:not(:first-child) {
        margin-top: var(--default-gap-4);
      }
    }
    .base-item-card-point__more--name {
      background: var(--default-color-pa5);
      color: var(--default-color-white);
      padding-inline: var(--default-gap-4);
    }
    .base-item-card-point__more--text {
      color: var(--default-color-pa5);
    }
  }
  .base-item-card-point__links {
    margin-top: var(--default-font-size-32-24);
  }
}

/*enjoy*/
#enjoy {
  padding: 0;
  .section__inner {
    width: 100%;
  }
  .section-title {
    background: var(--default-color-yellow4);
    color: var(--default-color-pa);
    font-size: var(--default-font-size-44-26);
    --enjoy-section-title-padding-block: 6px;
    padding-block: var(--enjoy-section-title-padding-block);
    .is-size-pc & {
      --enjoy-section-title-padding-block: 4px;
    }
    .base-title__inner {
      --enjoy-section-title-inner-border-size-w: 4px;
      --enjoy-section-title-inner-border-size-h: min((2vw / 3.75), 4px);
      --enjoy-section-title-inner-border-color: linear-gradient(to right, var(--default-color-white) 50%, transparent 50%) repeat-x;
      display: block;
      padding-inline: 12px;
      padding-block: calc(min((6vw / 3.75), 8px) + var(--enjoy-section-title-inner-border-size-h)) var(--enjoy-section-title-inner-border-size-h);
      background:
        var(--enjoy-section-title-inner-border-color) top left / var(--enjoy-section-title-inner-border-size-w)
          var(--enjoy-section-title-inner-border-size-h),
        var(--enjoy-section-title-inner-border-color) bottom left / var(--enjoy-section-title-inner-border-size-w)
          var(--enjoy-section-title-inner-border-size-h);
    }
    .base-title__main-text {
      display: grid;
      justify-content: center;
      align-items: center;
      grid-auto-flow: column;
      gap: min((12vw / 3.75), 64px);
      letter-spacing: -1.3px; /*デザイン上ではSPチェンマイのみ＋-1.04だと落ちるので数値変更*/
      &::before,
      &::after {
        content: '';
        width: min((40vw / 3.75), 77px);
        aspect-ratio: 1;
        background: var(--default-color-white);
        mask: url('../images/icon_elephant.svg') no-repeat center bottom / contain;
      }
    }
  }
  .enjoy-lineup {
    padding-block: var(--default-gap-section-top-bottom);
    &.is-type-spot {
      .enjoy-lineup__title {
        margin-bottom: var(--default-gap-spot-main-ttl-bottom);
      }
    }
    &.is-type-spot:not(:nth-child(2n of .enjoy-lineup.is-type-spot)) + .enjoy-lineup.is-type-point {
      padding-top: 0;
    }
    &.is-type-point {
      .enjoy-lineup__title {
        font-size: var(--default-font-size-spot-lm-ttl);
        color: var(--default-color-white);
        text-align: center;
        line-height: var(--default-font-lh-150);
        font-weight: var(--default-font-weight-700);
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        margin-bottom: var(--default-gap-32-24);
      }
      .enjoy-lineup__inner {
        padding: var(--default-gap-64-48) 0;
        background: no-repeat center center / cover;
        .is-size-sp & {
          width: 100%;
        }
      }
    }
    &:nth-child(2n of .enjoy-lineup.is-type-spot) {
      padding-block: var(--default-gap-bg-section-top-bottom);
      background: url('../images/bg_yellow.png') repeat 0 0 / var(--default-bg-size);
    }
    .enjoy-lineup__inner {
      width: var(--default-width);
      margin-inline: auto;
    }
    .enjoy-lineup__links {
      margin-top: var(--default-gap-64-48);
    }
  }
}
/*dst*/
#dst {
  .section__inner {
    container-type: inline-size;
  }
  .section-title-set {
    display: grid;
    gap: min((16vw / 3.75), 35px);
    justify-items: center;
    .section-title {
      width: 100%;
      .is-size-pc & {
        width: calc((451 / var(--default-width-pc-val)) * 100cqw);
      }
    }
    .section-lead {
      max-width: 854px;
      background: var(--default-color-white);
      border-radius: var(--default-radius-16);
      border: 1px solid var(--default-color-yellow3);
      padding: 12px 16px;
    }
  }
  .dst-lineup__wrapper {
    .is-size-sp & {
      --dst-map-bg: url('../images/top/dst_map_sp.webp');
      --dst-map-bg-size: calc((298 / var(--default-width-sp-val)) * 100cqw);
      --dst-map-bg-position: 0 calc((10 / var(--default-width-sp-val)) * 100cqw);
      --dst-lineup-size-h: calc((644 / var(--default-width-sp-val)) * 100cqw);
      --dst-lineup-item-size-w: calc((128 / var(--default-width-sp-val)) * 100cqw);
      --dst-lineup-item-size-h: calc((90 / var(--default-width-sp-val)) * 100cqw);
      .dst-lineup__item {
        &.is-dst-bangkok {
          bottom: calc((190 / var(--default-width-sp-val)) * 100cqw);
          right: 0;
        }
        &.is-dst-ayutthaya {
          bottom: calc((296 / var(--default-width-sp-val)) * 100cqw);
          right: 0;
        }
        &.is-dst-chiangmai {
          top: 0;
          right: calc((32 / var(--default-width-sp-val)) * 100cqw);
        }
        &.is-dst-pattaya {
          bottom: calc((84 / var(--default-width-sp-val)) * 100cqw);
          right: 0;
        }
        &.is-dst-phuket {
          bottom: 0;
          left: 0;
        }
      }
    }
    .is-size-pc & {
      --dst-map-bg: url('../images/top/dst_map_pc.webp');
      --dst-map-bg-size: 100cqw;
      --dst-map-bg-position: 0 0;
      --dst-lineup-size-h: calc((720 / var(--default-width-pc-val)) * 100cqw);
      --dst-lineup-item-size-w: calc((230 / var(--default-width-pc-val)) * 100cqw);
      --dst-lineup-item-size-h: calc((162 / var(--default-width-pc-val)) * 100cqw);
      .dst-lineup__item {
        &.is-dst-bangkok {
          top: calc((292 / var(--default-width-pc-val)) * 100cqw);
          left: calc((12 / var(--default-width-pc-val)) * 100cqw);
        }
        &.is-dst-ayutthaya {
          top: calc((38 / var(--default-width-pc-val)) * 100cqw);
          left: calc((78 / var(--default-width-pc-val)) * 100cqw);
        }
        &.is-dst-chiangmai {
          top: calc((227 / var(--default-width-pc-val)) * 100cqw);
          right: calc((36 / var(--default-width-pc-val)) * 100cqw);
        }
        &.is-dst-pattaya {
          bottom: 0;
          right: calc((104 / var(--default-width-pc-val)) * 100cqw);
        }
        &.is-dst-phuket {
          bottom: calc((45 / var(--default-width-pc-val)) * 100cqw);
          left: calc((66 / var(--default-width-pc-val)) * 100cqw);
        }
      }
    }
    background: var(--dst-map-bg) no-repeat var(--dst-map-bg-position) / var(--dst-map-bg-size);
    .dst-lineup {
      position: relative;
      width: 100%;
      height: var(--dst-lineup-size-h);
      margin-top: 38px;
      .dst-lineup__item {
        position: absolute;
        width: var(--dst-lineup-item-size-w);
        height: var(--dst-lineup-item-size-h);
        .dst-lineup__item--link {
          border: 2px solid var(--default-color-yellow3);
          border-radius: var(--default-radius-8);
          overflow: hidden;
          position: relative;
          display: grid;
          align-content: end;
          height: 100%;
        }
        .dst-lineup__item--bg {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .dst-lineup__item--text {
          position: relative;
          padding-inline: 6px;
          background: linear-gradient(to bottom, transparent 0%, var(--default-color-black-05) 100%);
          height: 33px;
          display: grid;
          align-items: center;
          color: var(--default-color-white);
          font-weight: var(--default-font-weight-700);
          .dst-lineup__item--text--name {
            font-size: var(--default-font-size-14);
            line-height: var(--default-font-lh-130);
            text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
            text-align: center;
            letter-spacing: -0.28px;
          }
          &::after {
            content: var(--default-icon-arrow-right);
            font-family: var(--default-icon-ff);
            font-size: var(--default-font-size-12);
            line-height: 1;
            position: absolute;
            right: 6px;
            top: 50%;
            translate: 0 -50%;
          }
        }
      }
    }
  }
}
/*hot*/
#hot {
  background: url('../images/bg_yellow.png') repeat 0 0 / var(--default-bg-size);
  padding-block: min((79vw / 3.75), 104px) min((88vw / 3.75), 135px);
  .section__inner {
    container-type: inline-size;
  }
  .is-size-sp & {
    --default-width-sp-val: 375;
    .section__inner {
      width: 100%;
    }
    .section-title-set {
      display: grid;
      justify-items: center;
      .section-lead {
        width: var(--default-width);
        margin: auto;
      }
    }
  }
  .is-size-pc & {
    .section-title-set {
      position: relative;
      min-height: calc((296 / var(--default-width-pc-val)) * 100cqw);
      padding-top: calc((191 / var(--default-width-pc-val)) * 100cqw);
      padding-left: calc((234 / var(--default-width-pc-val)) * 100cqw);
      .section-title {
        width: 100cqw;
        position: absolute;
        top: 0;
        left: 0;
      }
      .section-lead {
        position: relative;
        width: calc((479 / var(--default-width-pc-val)) * 100cqw);
      }
    }
  }
  .hot-lineup {
    display: grid;
    align-items: start;
    .hot-lineup__item {
      display: grid;
      align-items: start;
      position: relative;
    }
    .hot-lineup__item--title {
      width: var(--hot-lineup-item-title-size-w, 100%);
      margin-left: var(--hot-lineup-item-title-margin-left, 0);
    }
    .hot-lineup__item--texts {
      width: var(--hot-lineup-item-texts-size-w, 100%);
      margin-top: var(--hot-lineup-item-texts-margin-top, 0);
      margin-left: var(--hot-lineup-item-texts-margin-left, 0);
      margin-bottom: var(--hot-lineup-item-texts-margin-bottom, 0);
      color: var(--default-color-pa);
      font-weight: var(--default-font-weight-700);
      .is-size-sp & {
        line-height: var(--default-font-lh-150);
      }
    }
    .hot-lineup__item--image {
      &.is-image-01 {
        width: var(--hot-lineup-item-image-01-size-w, 100%);
        margin-left: var(--hot-lineup-item-image-01-margin-left, 0);
      }
      &.is-image-02 {
        width: var(--hot-lineup-item-image-02-size-w, 100%);
      }
    }
    .hot-lineup__item--check {
      width: var(--hot-lineup-item-check-size-w, fit-content);
      --hot-lineup-item-check-border-size: 1px;
      border: var(--hot-lineup-item-check-border-size) solid var(--default-color-yellow7);
      background: var(--default-color-white);
      padding: calc(var(--default-gap-16) - var(--hot-lineup-item-check-border-size));
      .hot-lineup__item--check--title {
        width: 86px;
        margin-bottom: 12px;
      }
      .hot-lineup__item--check--list--item {
        display: flex;
        gap: 0 var(--default-gap-16);
        flex-wrap: wrap;
        &:not(:first-child) {
          margin-top: var(--default-gap-4);
        }
        .hot-lineup__item--check--list--item--name {
          color: var(--default-color-pa);
          font-weight: var(--default-font-weight-700);
        }
        .hot-lineup__item--check--list--item--links {
          display: flex;
          flex-wrap: wrap;
          gap: 0 var(--default-gap-16);
        }
      }
    }
    .is-size-sp & {
      margin-top: calc((52 / var(--default-width-sp-val)) * 100cqw);
      .hot-lineup__item {
        --hot-lineup-item-texts-size-w: calc((335 / var(--default-width-sp-val)) * 100cqw);
        &.is-hot-shopping {
          --hot-lineup-item-title-size-w: calc((277.5 / var(--default-width-sp-val)) * 100cqw);
          --hot-lineup-item-title-margin-left: calc((20 / var(--default-width-sp-val)) * 100cqw);
          --hot-lineup-item-texts-margin-top: calc((11 / var(--default-width-sp-val)) * 100cqw);
          --hot-lineup-item-texts-margin-bottom: calc((15 / var(--default-width-sp-val)) * 100cqw);
          --hot-lineup-item-image-01-size-w: calc((308 / var(--default-width-sp-val)) * 100cqw);
        }
        &.is-hot-gourmet {
          margin-top: calc((61 / var(--default-width-sp-val)) * -100cqw);
          --hot-lineup-item-texts-margin-top: calc((5 / var(--default-width-sp-val)) * 100cqw);
          --hot-lineup-item-texts-margin-bottom: calc((3 / var(--default-width-sp-val)) * 100cqw);
        }
        &.is-hot-spot {
          margin-top: calc((40 / var(--default-width-sp-val)) * -100cqw);
          --hot-lineup-item-texts-margin-top: calc((6 / var(--default-width-sp-val)) * 100cqw);
        }
      }
      .hot-lineup__item--texts,
      .hot-lineup__item--image.is-image-01 {
        margin-inline: auto;
      }
      .hot-lineup__item--check {
        --hot-lineup-item-check-size-w: min(fit-content, var(--hot-lineup-item-texts-size-w));
        margin-inline: auto;
        margin-top: calc((10 / var(--default-width-sp-val)) * 100cqw);
      }
    }
    .is-size-pc & {
      margin-top: calc((9 / var(--default-width-pc-val)) * 100cqw);
      grid-template-columns: calc((420 / var(--default-width-pc-val)) * 100cqw) 1fr;
      gap: calc((76 / var(--default-width-pc-val)) * 100cqw) calc((20 / var(--default-width-pc-val)) * 100cqw);
      .hot-lineup__item {
        &.is-hot-shopping {
          margin-top: calc((9 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-title-size-w: calc((308 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-title-margin-left: calc((15 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-size-w: calc((372 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-top: calc((3 / var(--default-width-pc-val)) * -100cqw);
          --hot-lineup-item-texts-margin-bottom: calc((20 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-left: calc((48 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-image-01-size-w: calc((370 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-image-01-margin-left: auto;
        }
        &.is-hot-gourmet {
          --hot-lineup-item-title-margin-left: auto;
          --hot-lineup-item-title-size-w: calc((530 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-size-w: calc((372 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-left: calc((158 / var(--default-width-pc-val)) * 100cqw);
          padding-top: calc((308 / var(--default-width-pc-val)) * 100cqw);
          .hot-lineup__item--title {
            position: relative;
            z-index: 1;
          }
          .hot-lineup__item--image.is-image-01 {
            position: absolute;
            top: 0;
            left: 0;
          }
        }
        &.is-hot-spot {
          grid-column: span 2;
          grid-template-columns: calc((440 / var(--default-width-pc-val)) * 100cqw) 1fr;
          grid-template-areas:
            'ttl check'
            'txt check'
            'img check';
          min-height: calc((660 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-title-size-w: calc((440 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-size-w: calc((366 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-top: calc((1 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-left: calc((53 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-texts-margin-bottom: calc((7 / var(--default-width-pc-val)) * 100cqw);
          --hot-lineup-item-image-01-size-w: calc((664 / var(--default-width-pc-val)) * 100cqw);
          .hot-lineup__item--title {
            grid-area: ttl;
            margin-top: calc((1 / var(--default-width-pc-val)) * 100cqw);
          }
          .hot-lineup__item--texts {
            grid-area: txt;
          }
          .hot-lineup__item--check {
            grid-area: check;
            width: calc((313 / var(--default-width-pc-val)) * 100cqw);
            position: relative;
            margin-top: calc((458 / var(--default-width-pc-val)) * 100cqw);
            margin-left: calc((322 / var(--default-width-pc-val)) * 100cqw);
          }
          .hot-lineup__item--image {
            &.is-image-01 {
              position: absolute;
              top: 0;
              right: 0;
            }
            &.is-image-02 {
              grid-area: img;
            }
          }
        }
      }
    }
  }
}
/*about*/
#about {
  --section-gap-inner: var(--default-gap-bg-section-top-bottom);
  .section__inner {
    container-type: inline-size;
  }
  .section-title-set {
    display: grid;
    .section-lead {
      color: var(--default-color-white);
    }
    .is-size-sp & {
      gap: var(--default-gap-40-32);
      justify-items: center;
    }
    .is-size-pc & {
      grid-template-areas:
        'ttl photo'
        'lead photo';
      grid-template-columns: 1fr calc((560 / var(--default-width-pc-val)) * 100cqw);
      gap: calc((40 / var(--default-width-pc-val)) * 100cqw);
      align-items: start;
      .section-title {
        grid-area: ttl;
        .base-img {
          display: block;
          width: calc((451 / var(--default-width-pc-val)) * 100cqw);
        }
      }
      .section-lead {
        grid-area: lead;
      }
      .section-photo {
        grid-area: photo;
      }
    }
  }
  .about-block {
    margin-top: var(--default-gap-bg-section-top-bottom);
  }
  .block-title {
    --base-title-common-design-B-font-color: var(--default-color-white);
  }
  .block-lead {
    color: var(--default-color-white);
  }
  .block-title,
  .block-lead {
    margin-bottom: var(--default-gap-spot-main-ttl-bottom);
  }
  .info-lineup {
    --info-lineup-border: 1px solid var(--info-lineup-border-color);
    border-bottom: var(--info-lineup-border);
    .is-size-sp & {
      --info-lineup-border-color: var(--default-color-white);
      .info-lineup__inner {
        padding-block: var(--default-gap-8);
      }
    }
    .is-size-pc & {
      --info-lineup-border-color: var(--default-color-yellow4);
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      --info-lineup-inner-gap: calc((32 / var(--default-width-pc-val)) * 100cqw);
      .info-lineup__inner {
        grid-template-columns: 128px 1fr;
        align-items: center;
        &.is-column-size-full {
          grid-column: span 2;
        }
        &.is-column-size-half {
          &:nth-child(odd of .info-lineup__inner.is-column-size-half) {
            padding-right: var(--info-lineup-inner-gap);
          }
          &:nth-child(even of .info-lineup__inner.is-column-size-half) {
            padding-left: var(--info-lineup-inner-gap);
          }
        }
        .info-lineup__title {
          background: var(--default-color-black-03);
          padding-inline: var(--default-gap-12);
          text-align: center;
          height: 100%;
          display: grid;
          align-items: center;
        }
        .info-lineup__detail {
          padding-block: var(--default-gap-16);
        }
      }
    }
    .info-lineup__inner {
      display: grid;
      gap: var(--default-gap-4) var(--default-gap-12);
      border-top: var(--info-lineup-border);
      font-weight: var(--default-font-weight-700);
      line-height: var(--default-font-lh-150);
    }
    .info-lineup__title {
      color: var(--default-color-yellow4);
    }
    .info-lineup__detail {
      color: var(--default-color-white);
      display: grid;
      gap: 1em;
    }
  }
}
/*article*/
#article {
  --section-gap-inner: var(--default-gap-bg-section-top-bottom);
  background: url(../images/bg_light_yellow.png) repeat 0 bottom / var(--default-bg-size);
  .section-title {
    margin-bottom: var(--default-gap-spot-main-ttl-bottom);
  }
  .article {
    --slider-item-w: 240px;
  }
  .article__link {
    display: block;
    border-radius: var(--default-radius-8);
    overflow: hidden;
    position: relative;
    .article__image--wrapper {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      .article__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .article__detail {
      position: relative;
      width: 100%;
      min-height: 280px;
      padding: var(--default-gap-8);
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      font-size: var(--default-font-size-14);
      font-weight: var(--default-font-weight-700);
      line-height: var(--default-font-lh-130);
      color: var(--default-color-white);
      letter-spacing: -0.28px;
      text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
      background: rgba(44, 42, 41, 0.45);
    }
  }
}
#mainArea:has(#article + #branch) {
  #article {
    padding-bottom: 0;
  }
  #branch {
    padding-top: var(--default-gap-section-top-bottom);
  }
}
/*branch*/
#branch {
  --section-gap-inner: var(--default-gap-bg-section-top-bottom);
  background: url(../images/bg_light_yellow.png) repeat 0 0 / var(--default-bg-size);
  .section-title {
    margin-bottom: min((32vw / 3.75), 48px);
  }
  .branch-links {
    margin-top: var(--default-gap-40-32);
  }
  .branch-sns-links {
    max-width: 735px;
    margin-inline: auto;
    margin-top: var(--default-gap-section-top-bottom);
    background: url(../images/branch_sns_bg.webp) no-repeat center / cover;
    border-radius: var(--default-radius-16);
    padding-block: var(--default-gap-64-48);
    padding-inline: min((20vw / 3.75), 64px);
    .branch-sns-links__title {
      text-align: center;
      color: var(--default-color-white);
      font-weight: var(--default-font-weight-700);
      line-height: var(--default-font-lh-150);
      margin-bottom: var(--default-gap-64-48);
      .base-title__inner {
        display: grid;
        gap: var(--default-gap-8-4);
      }
      .base-title__main-text {
        font-size: var(--default-font-size-32-24);
      }
    }
    .branch-sns-lineup {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: var(--default-gap-40-32);
    }
    .branch-sns-lineup__item {
      &.is-his {
        --branch-sns-lineup-item-icon-size: min((38vw / 3.75), 42px);
      }
      .branch-sns-lineup__item--link {
        display: block;
        --branch-sns-lineup-item-size: min((60vw / 3.75), 64px);
        --branch-sns-lineup-item-inner-size: 100%;
        width: var(--branch-sns-lineup-item-size);
        height: var(--branch-sns-lineup-item-size);
        border-radius: var(--default-radius-circle);
        background: var(--default-color-grade2);
        position: relative;
        &::before {
          content: '';
          display: block;
          position: absolute;
          inset: 0;
          margin: auto;
          width: var(--branch-sns-lineup-item-inner-size);
          height: var(--branch-sns-lineup-item-inner-size);
          border-radius: var(--default-radius-circle);
          background: var(--default-color-white);
        }
      }
      .branch-sns-lineup__item--inner {
        position: relative;
        display: grid;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: var(--default-radius-circle);
      }
      .base-img {
        width: var(--branch-sns-lineup-item-icon-size, min((25vw / 3.75), 28px));
      }
    }
  }
  .branch-banners {
    margin-top: var(--default-gap-section-top-bottom);
  }
}
/*product*/
#product {
  border-top: var(--section-border);
  border-bottom: var(--section-border);
  background: var(--default-color-white);
  --product-cassette-minmax-font-size: 20px;
  + .photo-credit {
    border-top: none;
  }
  .section-title {
    margin-bottom: var(--default-gap-product-margin);
    .base-title__inner {
      display: grid;
      gap: var(--default-gap-8-4);
    }
    .base-title__lead-text {
      font-size: var(--default-font-size-32-24);
    }
    .base-title__main-text {
      font-size: var(--default-font-size-40-32);
    }
    &::after {
      content: '';
      display: block;
      margin: var(--default-gap-16-12) auto 0;
      width: 124px;
      height: 12px;
      background: url('../images/product_ttl_kazari.svg') no-repeat center / contain;
    }
  }
  .product-block {
    display: grid;
    gap: var(--default-gap-40-32);
    justify-items: center;
    + .product-block {
      margin-top: var(--default-gap-product-margin);
    }
  }
  .product-sub-block__title {
    color: var(--default-color-pa3);
    text-align: center;
    font-family: var(--default-font-family-min);
    font-size: min((28vw / 3.75), 22px);
    font-weight: var(--default-font-weight-900);
    margin-bottom: min((8vw / 3.75), 16px);
  }
  .product__list--contents {
    width: 100cqw;
  }
  .product__list--item {
    --product-cassette-obi-bg: var(--default-color-pa);
    --product-cassette-title-airport-display: block;
  }
  .product__notes {
    width: var(--default-width);
    margin-inline: auto;
    margin-top: var(--default-gap-40-32);
  }
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
#footerArea {
  --section-gap-inner: var(--default-gap-bottom-bnr);
  /*search*/
  #search {
    font-family: var(--default-font-family-noto);
    font-weight: var(--default-font-weight-normal);
    padding-block: var(--section-gap-inner);
    .section {
      padding: 0;
    }
  }
}
/*banner*/
#banner {
  &:not(:last-child) {
    padding-bottom: 0;
  }
  &:not(:has(#reco-banner)) {
    display: none;
  }
  #reco-banner {
    .reco-banner__image {
      border-radius: var(--default-radius-8);
    }
    &:not(.splide),
    .is-size-sp & {
      --slider-item-w: 100%;
      --slider-gap: 0;
      --col-num: 2;
      --gap: min((20vw / 3.75), 24px);
      .reco-banner__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, calc((100% - var(--gap) * (var(--col-num) - 1)) / var(--col-num)));
        justify-content: center;
        gap: var(--gap);
        width: 100%;
        margin: auto !important; /*splide.cssの設定に勝つためのimportant*/
        .is-size-pc & {
          --col-num: 4;
        }
        .is-size-sp & {
          max-width: 476px;
        }
        .reco-banner__link,
        .reco-banner__image {
          display: block;
        }
        .reco-banner__image {
          object-fit: contain;
        }
      }
    }
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover: hover) and (pointer: fine) {
  #navArea {
    .is-size-sp & {
      .page-navi-item__inner {
        &:hover {
          --page-navi-item-inner-font-color: var(--default-color-grade0);
        }
      }
      .portal-navi-item-lineup__item--inner {
        &:hover {
          --portal-navi-item-lineup-item-font-color: var(--default-color-grade0);
        }
      }
    }
    .is-size-pc & {
      .page-navi-item__inner {
        &:hover {
          box-shadow: var(--page-navi-item-inner-box-shadow);
        }
      }
      .portal-navi-item-lineup__item--inner {
        &:hover {
          background: var(--default-color-yellow6);
          color: var(--default-color-pa);
        }
      }
      .portal-navi-item-toggle {
        &:hover {
          --portal-navi-item-toggle-bg: var(--default-color-grade0);
        }
      }
    }
  }
  .section-nav-lineup__item--link {
    &:hover {
      --section-nav-item--text-bg: #9c852833;
    }
  }
  .article__link {
    transition: var(--default-transition-opacity);
    .article__image {
      transition: scale var(--default-transition-setting);
    }
    &:hover {
      opacity: var(--default-hover-opacity);
      .article__image {
        scale: 1.23;
      }
    }
  }
  .branch-sns-lineup__item--link {
    &:hover {
      --branch-sns-lineup-item-inner-size: calc(100% - 8px) !important;
    }
  }
  .dst-lineup__item--link,
  .product__list--inner,
  .reco-banner__link {
    transition: var(--default-transition-opacity);
    &:hover {
      opacity: var(--default-hover-opacity);
    }
  }
}