@charset "utf-8";
/* 「香港特集」レスポンシブ 下層のみCSS */
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
.mv__inner {
  width: 100%;
  display: grid;
  justify-items: center;
  grid-template-rows: auto 1fr;
  padding-top: min((215vw / 7.5), 215px);
  .is-pc & {
    padding-top: 75px;
  }
}
.mv__logo--image {
  display: block;
  height: var(--mv-logo-h);
  aspect-ratio: var(--mv-logo-aspect);
  .lowerlayer-name-art & {
    --mv-logo-h: min((335vw / 7.5), 335px);
    --mv-logo-aspect: 512 / 295;
    .is-pc & {
      --mv-logo-h: 295px;
    }
  }
  .lowerlayer-name-gourmet & {
    --mv-logo-h: min((335vw / 7.5), 335px);
    --mv-logo-aspect: 529 / 290;
    .is-pc & {
      --mv-logo-h: 290px;
    }
  }
  .lowerlayer-name-shopping & {
    --mv-logo-h: min((317vw / 7.5), 317px);
    --mv-logo-aspect: 639 / 295;
    .is-pc & {
      --mv-logo-h: 295px;
    }
  }
  .lowerlayer-name-hotel-stay & {
    --mv-logo-h: min((310vw / 7.5), 310px);
    --mv-logo-aspect: 705 / 295;
    .is-pc & {
      --mv-logo-h: 295px;
    }
  }
  .lowerlayer-name-theme-park & {
    --mv-logo-h: min((310vw / 7.5), 310px);
    --mv-logo-aspect: 803 / 291;
    .is-pc & {
      --mv-logo-h: 291px;
    }
  }
}
.mv__lead--wrapper {
  display: grid;
  align-content: center;
}
.mv__lead {
  width: min((602vw / 7.5), 602px);
  background: #fff;
  border: min((2vw / 7.5), 2px) solid;
  border-radius: min((15vw / 7.5), 15px);
  padding: 1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea {
  background: url("../../all/images/bg_pattern_graph.gif") repeat 0 0 / min((33vw / 7.5), 33px);
  .section {
    padding: min((90vw / 7.5), 90px) 0 min((110vw / 7.5), 110px);
  }
}
/*main-lineup*/
.main-lineup-nav {
  margin-bottom: min((60vw / 7.5), 80px);
}
.main-lineup-nav__list {
  background: rgba(255, 255, 255, .5);
  border: 1px solid #000;
  font-size: min((18vw / 7.5), 14px);
  line-height: calc(20 / 14);
  padding: 1em 1.5em;
  .is-pc & {
    max-width: max-content;
    margin: auto;
  }
}
.main-lineup-nav__list--item {
  display: flex;
  align-items: center;
  gap: min((16vw / 7.5), 20px);
  &:not(:first-child) {
    margin-top: 1em;
  }
  &::before {
    content: "";
    background: url("../../all/images/icon_dot_heart.svg") no-repeat center center / cover;
    height: min((19vw / 7.5), 17px);
    aspect-ratio: 19 / 17;
  }
}
.main-lineup-nav__list--item--link {
  display: flex;
  align-items: center;
  gap: min((12vw / 7.5), 16px);
  &::after {
    content: var(--default-icon-arw-r);
    font-family: var(--default-ff-icon);
    line-height: .7em;
    font-size: 1.2em;
  }
  &[href^="#"]::after {
    transform: rotate(90deg);
  }
}
.is-sp .main-lineup-nav__list--item--text {
  display: grid;
}
.is-pc .main-lineup-nav__list--item--text .is-lead {
  margin-right: .5em;
}
/*main-lineup*/
.main-lineup {
  --lineup-col: 2;
  display: grid;
  grid-template-columns: repeat(var(--lineup-col), 1fr);
  gap: min((110vw / 7.5), 60px) min((30vw / 7.5), 25px);
  .is-pc & {
    --lineup-col: 3;
  }
}
.main-lineup__item {
  &:not(.is-size-normal) {
    grid-column: span var(--lineup-col);
  }
  &:not(.is-size-big) {
    display: grid;
    &.is-size-normal {
      grid-template-areas:
        "img"
        "ttl"
        "txt"
        "point";
      grid-template-rows: subgrid;
      grid-row: span 4;
      gap: 0;
      &.is-congee {
        --lineup-item-photo-size-h: min((206vw / 7.5), 206px);
      }
      &.is-shrimp_wonton_noodles {
        --lineup-item-photo-size-h: min((193vw / 7.5), 193px);
      }
    }
    &.is-size-special {
      background: #fff;
      padding: min((23vw / 7.5), 18px);
      border: 1px solid;
      --lineup-item-photo-size-h: min((372vw / 7.5), 228px);
      box-shadow: min((6vw / 7.5), 6px) min((6vw / 7.5), 6px) 0px 0px #000;
      gap: 1em min((20vw / 7.5), 24px);
      grid-template-areas:
        "img"
        "ttl"
        "txt";
      .is-pc & {
        grid-template:
          "img ttl"max-content "img txt"1fr / max-content 1fr;
      }
      &:not(:first-child) {
        margin-top: min((60vw / 7.5), 40px);
      }
    }
    .main-lineup__item--title {
      grid-area: ttl;
    }
    .main-lineup__item--texts {
      grid-area: txt;
    }
    .main-lineup__item--photo {
      grid-area: img;
      width: auto;
      height: var(--lineup-item-photo-size-h, min((187vw / 7.5), 184px));
      object-fit: contain;
      margin: auto;
    }
    .main-lineup__item--point {
      grid-area: point;
      &, .main-lineup__item--point--texts {
        grid-template-columns: auto 1fr;
      }
    }
  }
  &.is-size-big {
    /*gourmet*/
    .lowerlayer-name-gourmet & {
      &.is-teiban {
        --lineup-item-ttl-size-h: min((135vw / 7.5), 135px);
        .is-sp & {
          --lineup-item-photo-size-h: min((549vw / 7.5), 549px);
          --lineup-item-inner-yohaku-top: max((-24vw / 7.5), -24px);
          --lineup-item-yellow-ttl-yohaku-top: min((21vw / 7.5), 21px);
        }
        .is-pc & {
          --lineup-item-inner-yohaku-top: max((-97vw / 10.9), -97px);
          --lineup-item-photo-01-size-h: min((433vw / 10.9), 433px);
          --lineup-item-photo-02-size-h: min((304vw / 10.9), 304px);
          --lineup-item-photo-02-posi: 0 min((11vw / 10.9), 11px) 0 0;
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) + 19px) 0 min((50vw / 10.9), 50px) 0;
        }
      }
      &.is-sweets {
        --lineup-item-ttl-size-h: min((136vw / 7.5), 129px);
        .is-sp & {
          --lineup-item-photo-size-h: min((395vw / 7.5), 395px);
          --lineup-item-inner-yohaku-top: min((18vw / 7.5), 18px);
          --lineup-item-yellow-ttl-yohaku-top: min((45vw / 7.5), 45px);
        }
        .is-pc & {
          --lineup-item-inner-yohaku-top: max((-80vw / 10.9), -80px);
          --lineup-item-photo-01-size-h: min((268vw / 10.9), 268px);
          --lineup-item-photo-02-size-h: min((178vw / 10.9), 178px);
          --lineup-item-photo-01-posi: 0 min((38vw / 10.9), 38px) min((38vw / 10.9), 38px) 0;
          --lineup-item-photo-02-posi: 0 0 0 min((67vw / 10.9), 67px);
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) + 12px) 0 0 0;
        }
      }
      &.is-night_life {
        --lineup-item-ttl-size-h: min((116vw / 7.5), 116px);
        .is-sp & {
          --lineup-item-photo-size-h: min((491vw / 7.5), 491px);
          --lineup-item-inner-yohaku-top: min((50vw / 7.5), 50px);
          --lineup-item-yellow-ttl-yohaku-top: max((-16vw / 7.5), -16px);
        }
        .is-pc & {
          --lineup-item-inner-yohaku-top: min((10vw / 7.5), 10px);
          --lineup-item-photo-01-size-h: min((433vw / 10.9), 433px);
          --lineup-item-photo-02-size-h: min((236vw / 10.9), 236px);
          --lineup-item-photo-02-posi: 0 min((100vw / 10.9), 100px) 0 0;
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) - 17px) 0 0 0;
        }
      }
    }
    /*shopping*/
    .lowerlayer-name-shopping & {
      &.is-night_market {
        --lineup-item-ttl-size-h: min((116vw / 7.5), 116px);
        --lineup-item-inner-yohaku-top: min((43vw / 7.5), 65px);
        .is-sp & {
          --lineup-item-photo-size-h: min((515vw / 7.5), 515px);
        }
        .is-pc & {
          --lineup-item-photo-01-size-h: min((457vw / 10.9), 457px);
          --lineup-item-photo-02-size-h: min((224vw / 10.9), 224px);
          --lineup-item-photo-02-posi: 0 min((130vw / 10.9), 130px) 0 0;
          --lineup-item-yohaku: var(--lineup-item-photo-02-size-h) 0 .2em 0;
        }
      }
      &.is-street {
        --lineup-item-ttl-size-h: min((122vw / 7.5), 134px);
        --lineup-item-inner-yohaku-top: min((50vw / 7.5), 51px);
        .is-sp & {
          --lineup-item-photo-size-h: min((419vw / 7.5), 419px);
        }
        .is-pc & {
          --lineup-item-photo-01-size-h: min((346vw / 10.9), 346px);
          --lineup-item-photo-02-size-h: min((245vw / 10.9), 245px);
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) + 3px) 0 .9em 0;
        }
      }
      &.is-renovation_spot {
        --lineup-item-ttl-size-h: min((246vw / 7.5), 246px);
        --lineup-item-inner-yohaku-top: min((15vw / 7.5), 29px);
        .is-sp & {
          --lineup-item-photo-size-h: min((449vw / 7.5), 449px);
        }
        .is-pc & {
          --lineup-item-photo-01-size-h: min((568vw / 10.9), 568px);
          --lineup-item-photo-02-size-h: min((254vw / 10.9), 254px);
          --lineup-item-photo-02-posi: 0 min((29vw / 10.9), 29px) 0 0;
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) + 7px) 0 2em 0;
        }
      }
    }
    /*art*/
    .lowerlayer-name-art & {
      &.is-landmark {
        --lineup-item-ttl-size-h: min((123vw / 7.5), 123px);
        .is-sp & {
          --lineup-item-inner-yohaku-top: min((25vw / 7.5), 25px);
          --lineup-item-photo-size-h: min((493vw / 7.5), 493px);
          --lineup-item-yellow-ttl-yohaku-top: min((29vw / 7.5), 29px);
        }
        .is-pc & {
          --lineup-item-inner-yohaku-top: min((15vw / 10.9), 15px);
          --lineup-item-photo-01-size-h: min((493vw / 10.9), 493px);
          --lineup-item-photo-02-size-h: min((188vw / 10.9), 188px);
          --lineup-item-photo-02-posi: 0 min((86vw / 10.9), 86px) 0 0;
          --lineup-item-yohaku: calc(var(--lineup-item-photo-02-size-h) + 13px) 0 0 0;
        }
      }
      &.is-sns {
        --lineup-item-ttl-size-h: min((129vw / 7.5), 129px);
        .is-sp & {
          --lineup-item-inner-yohaku-top: min((49vw / 7.5), 49px);
          --lineup-item-photo-size-h: min((604vw / 7.5), 604px);
          .main-lineup__item--title {
            text-align: center;
          }
        }
        .is-pc & {
          --lineup-item-inner-yohaku-top: max((-150vw / 10.9), -150px);
          --lineup-item-photo-01-size-h: min((487vw / 10.9), 487px);
          --lineup-item-photo-02-size-h: min((422vw / 10.9), 422px);
          --lineup-item-yohaku: var(--lineup-item-photo-02-size-h) 0 min((10vw / 10.9), 10px) 0;
        }
      }
      &.is-must_see {
        --lineup-item-ttl-size-h: min((139vw / 7.5), 139px);
        --lineup-item-inner-yohaku-top: min((38vw / 7.5), 38px);
        .is-sp & {
          --lineup-item-photo-size-h: min((453vw / 7.5), 453px);
          --lineup-item-yellow-ttl-yohaku-top: min((38vw / 7.5), 38px);
        }
        .is-pc & {
          --lineup-item-photo-01-size-h: min((326vw / 10.9), 326px);
        }
      }
    }
    /*hotel-stay*/
    .lowerlayer-name-hotel-stay & {
      --lineup-item-ttl-size-h: min((141vw / 7.5), 180px); /*SPはPC時の78%のサイズで指定*/
      --lineup-item-inner-yohaku-top: min((46vw / 10.9), 51px);
    }
    /**/
    .main-lineup__item--title {
      position: relative;
      z-index: 1;
      .base-title__picture {
        height: var(--lineup-item-ttl-size-h);
        object-fit: contain;
      }
    }
    .main-lineup__item--inner {
      margin-top: var(--lineup-item-inner-yohaku-top);
    }
    .main-lineup__item--photo .base-picture__image, img.main-lineup__item--photo {
      height: var(--lineup-item-photo-size-h);
      width: auto;
      object-fit: contain;
    }
    /**/
    &:not(.is-type-hotel):not(.is-type-map) {
      .is-pc & {
        &:nth-child(odd) {
          .main-lineup__item--detail {
            margin-left: auto;
          }
        }
        &:nth-child(even) {
          .main-lineup__item--title {
            text-align: right;
          }
        }
        .main-lineup__item--inner {
          position: relative;
        }
        .main-lineup__item--detail {
          width: min((496vw / 10.9), 496px);
          padding: var(--lineup-item-yohaku);
          min-height: var(--lineup-item-photo-01-size-h);
        }
        .main-lineup__item--photo {
          position: absolute;
          margin: var(--lineup-item-photo-posi);
          &:nth-child(1 of .main-lineup__item--photo) {
            --lineup-item-photo-size-h: var(--lineup-item-photo-01-size-h);
            --lineup-item-photo-posi: var(--lineup-item-photo-01-posi);
            &:last-child {
              top: 0;
            }
            &:not(:last-child) {
              bottom: 0;
            }
            .main-lineup__item:nth-child(even) & {
              right: 0;
            }
          }
          &:nth-child(n + 2 of .main-lineup__item--photo) {
            --lineup-item-photo-size-h: var(--lineup-item-photo-02-size-h);
            --lineup-item-photo-posi: var(--lineup-item-photo-02-posi);
            top: 0;
            .main-lineup__item:nth-child(odd) & {
              right: 0;
            }
          }
        }
      }
      .is-sp & {
        .main-lineup__item--inner {
          display: grid;
          .main-lineup__item--photo {
            order: -1;
            position: relative;
            z-index: 1;
            text-align: center;
            &:nth-child(n + 2 of .main-lineup__item--photo) {
              display: none;
            }
          }
        }
      }
    }
    &:not(:last-child) {
      margin-bottom: min((50vw / 7.5), 70px);
    }
  }
}
.is-size-big .main-lineup__item--detail--title, .is-size-normal .main-lineup__item--title {
  display: grid;
  align-items: center;
  background: #ffff00;
  text-align: center;
  line-height: 1.2;
  border-radius: min((15vw / 7.5), 15px);
  border: var(--default-border);
  box-shadow: var(--default-shadow);
  padding: var(--lineup-item-yellow-ttl-padding, .5em);
  margin-bottom: var(--lineup-item-yellow-ttl-yohaku-btm, min((20vw / 7.5), 20px));
  margin-top: var(--lineup-item-yellow-ttl-yohaku-top);
  word-break: keep-all;
  &.main-lineup__item--detail--title {
    --lineup-item-yellow-ttl-padding: 1em .25em;
    --lineup-item-yellow-ttl-gap: .5em;
    --lineup-item-yellow-ttl-fs: min((40vw / 7.5), 40px);
    --lineup-item-yellow-ttl-ruby-fs: calc(30em / 40);
    --lineup-item-yellow-subttl-fs: min((30vw / 7.5), 24px);
    :is(.is-type-hotel, .is-type-map) & {
      --lineup-item-yellow-ttl-padding: .5em 1.5em .75em;
      --lineup-item-yellow-ttl-fs: min((40vw / 7.5), 30px);
      --lineup-item-yellow-subttl-fs: min((30vw / 7.5), 18px);
      --lineup-item-yellow-ttl-yohaku-btm: min((37vw / 7.5), 30px);
    }
  }
  &.main-lineup__item--title {
    --lineup-item-yellow-ttl-yohaku-top: min((16vw / 7.5), 13px);
  }
  .base-title__inner {
    display: grid;
    gap: var(--lineup-item-yellow-ttl-gap, .25em);
  }
  .base-title__text--main {
    font-family: var(--default-ff-gothic-dot);
    font-size: var(--lineup-item-yellow-ttl-fs, min((24vw / 7.5), 18px));
    .is-size-big & {
      font-weight: bold;
    }
    .is-ruby {
      font-size: var(--lineup-item-yellow-ttl-ruby-fs, min((18vw / 7.5), 14px));
      display: inline-block;
    }
  }
  .base-title__text--sub {
    font-family: var(--default-ff-min);
    font-style: italic;
    font-size: var(--lineup-item-yellow-subttl-fs, min((16vw / 7.5), 14px));
  }
}
.is-size-special .main-lineup__item--title {
  .base-title__inner {
    display: grid;
    gap: .5em;
    font-size: min((24vw / 7.5), 18px);
    line-height: 1.2;
    .is-sp & {
      justify-items: center;
    }
  }
  .base-title__text--sub {
    font-family: var(--default-ff-gothic-dot);
    color: #ff4644;
    .is-must_buy & {
      display: flex;
      gap: 1em;
      align-items: end;
      &::before, &::after {
        content: "";
        width: 1px;
        height: 1.25em;
        background: currentColor;
      }
      &::before {
        transform: rotate(-45deg);
        margin-right: .2em;
      }
      &::after {
        transform: rotate(45deg);
      }
    }
  }
  .base-title__text--main {
    font-size: min((36vw / 7.5), 30px);
    font-weight: bold;
    color: #143fa5;
  }
}
.main-lineup__item--point {
  display: grid;
  grid-template-areas:
    "ico comment";
  align-items: center;
  justify-content: center;
  gap: var(--point-gap, 3px);
  margin-top: var(--point-yohaku-top, min((18vw / 7.5), 15px));
  &::before {
    content: "";
    grid-area: ico;
    width: var(--point-ico-size, min((40vw / 7.5), 40px));
    background: var(--point-ico-img, url("../../all/images/icon_panda.svg")) no-repeat 0 0 / contain;
    aspect-ratio: var(--point-ico-aspect, 1);
  }
  :is(.is-size-normal, .is-pc .is-size-big:not(.is-type-hotel):nth-child(even)) & {
    &::before {
      transform: scale(-1, 1);
    }
  }
  .is-type-hotel & {
    --point-gap: min((8vw / 7.5), 8px);
    --point-yohaku-top: min((36vw / 7.5), 24px);
    --point-ico-img: url("../../all/images/icon_building.svg");
    --point-ico-size: min((75vw / 7.5), 46px);
    --point-ico-aspect: 46 / 66;
    --point-txt-fs: min((24vw / 7.5), 14px);
    --point-txt-mh: auto;
    --point-txt-yohaku: .75em 1em;
  }
  .is-size-big:not(.is-type-hotel) & {
    --point-txt-bg: #fff;
    --point-txt-ico-size: min((20vw / 7.5), 20px);
    --point-txt-mh: min((123vw / 7.5), 110px);
    --point-ico-size: min((88vw / 7.5), 88px);
    --point-gap: min((40vw / 7.5), 30px);
    --point-yohaku-top: min((40vw / 7.5), 45px);
    @media (width <=450px) {
      justify-content: start;
    }
    .main-lineup__item--point--texts {
      filter: drop-shadow(max((-5vw / 7.5), -5px) min((5vw / 7.5), 5px) 0 #000);
      --point-txt-ico-posi-x: translateX(min((4vw / 7.5), 4px));
      &::before {
        --point-txt-bg: #000;
        z-index: 0;
      }
      &::after {
        --point-txt-ico-posi-x: translateX(min((8vw / 7.5), 8px))
      }
    }
    .main-lineup__item--point--text {
      border: var(--default-border);
      border-radius: min((15vw / 7.5), 15px);
      width: min((484vw / 7.5), 484px);
    }
    .main-lineup__item:nth-child(odd) &, .is-sp & {
      grid-template-areas:
        "comment ico";
      .main-lineup__item--point--texts {
        grid-template-areas:
          "txt arrow";
        filter: drop-shadow(min((5vw / 7.5), 5px) min((5vw / 7.5), 5px) 0 #000);
        &::before, &::after {
          transform: rotate(180deg) var(--point-txt-ico-posi-x);
        }
      }
    }
  }
}
.main-lineup__item--point--texts {
  grid-area: comment;
  font-size: var(--point-txt-fs, min((18vw / 7.5), 14px));
  line-height: calc(28 / 18);
  display: grid;
  grid-template-areas:
    "arrow txt";
  align-items: center;
  height: 100%;
  &::before, &::after {
    content: "";
    grid-area: arrow;
    width: var(--point-txt-ico-size, min((18vw / 7.5), 18px));
    aspect-ratio: 18 / 16;
    background: var(--point-txt-bg, #dfd0c7);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    transform: var(--point-txt-ico-posi-x, translateX(min((4vw / 7.5), 4px)));
    position: relative;
    z-index: 2;
  }
  .main-lineup__item--point--text {
    grid-area: txt;
    background: var(--point-txt-bg, #dfd0c7);
    height: 100%;
    min-height: var(--point-txt-mh, min((92vw / 7.5), 70px));
    display: grid;
    align-content: center;
    padding: var(--point-txt-yohaku, 1em);
    position: relative;
    z-index: 1;
  }
  .main-lineup__item--point--text--title {
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: .3em;
    margin-bottom: .4em;
  }
}
.main-lineup:has(.main-lineup__item--point-img) {
  .main-lineup__item.is-size-normal {
    padding-top: min((62vw / 7.5), 31px);
    position: relative;
    grid-template-areas:
      "img"
      "ttl"
      "txt";
    grid-row: span 3;
    .main-lineup__item--point-img {
      position: absolute;
      top: 0;
      left: min((11vw / 7.5), 12px);
    }
    .main-lineup__item--point-img--text {
      height: min((81vw / 7.5), 65px);
    }
  }
}
.main-lineup__item--detail--area {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min((18vw / 7.5), 14px);
  align-items: start;
  font-size: min((30vw / 7.5), 18px);
  font-weight: bold;
  margin-bottom: .6em;
  &::before {
    content: "";
    background: url("../../all/images/icon_location.svg") no-repeat center center / cover;
    height: min((38vw / 7.5), 26px);
    aspect-ratio: 20 / 26;
  }
}
.main-lineup__item--info {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 5px min((15vw / 7.5), 10px);
  .main-lineup__item--info--item {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
    align-items: baseline;
    line-height: calc(30 /24);
    .main-lineup__item--info--item--title {
      background: #000;
      font-size: min((16vw / 7.5), 14px);
      line-height: 1.2;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding: .4em .75em .5em;
    }
  }
}
.main-lineup__item--notes {
  font-size: min((18vw / 7.5), 14px);
  line-height: 1.4;
  margin-top: .5em;
}
.main-lineup__item--buttons {
  margin-top: min((45vw / 7.5), 30px);
}
.main-lineup__item.is-type-hotel {
  .main-lineup__item--inner {
    display: grid;
    grid-template-areas:
      "ttl"
      "img"
      "txt";
    .is-pc & {
      --point-photo-size: calc((460 / var(--default-width-pc-val)) * 100%);
      grid-template-areas:
        "img ttl"
        "img txt";
      grid-template-columns: var(--point-photo-size) 1fr;
      gap: 0 calc((26 / var(--default-width-pc-val)) * 100%);
      .main-lineup__item:nth-child(even) & {
        grid-template-areas:
          "ttl img"
          "txt img";
        grid-template-columns: 1fr var(--point-photo-size);
      }
    }
  }
  .main-lineup__item--photos {
    grid-area: img;
    .main-lineup__item--photo--wrapper.is-type-thumbnails {
      margin-top: min((17vw / 7.5), 12px);
      .main-lineup__item--photo--lineup {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: min((14vw / 7.5), 9px);
      }
      .splide__slide {
        border: none;
      }
    }
  }
  .main-lineup__item--detail--title {
    grid-area: ttl;
  }
  .main-lineup__item--detail {
    grid-area: txt;
    .is-sp & {
      margin-top: min((30vw / 7.5), 30px);
    }
  }
  .main-lineup__item--point, .main-lineup__item--point--texts {
    grid-template-columns: auto 1fr;
    justify-content: normal;
  }
}
.main-lineup__item.is-type-map {
  .main-lineup__item--inner {
    display: grid;
    grid-template-areas:
      "ttl"
      "img"
      "txt"
      "info";
    .is-pc & {
      --lineup-map-size: calc((540 / var(--default-width-pc-val)) * 100%);
      grid-template-areas:
        "img ttl"
        "img txt"
        "info info";
      grid-template-columns: var(--lineup-map-size) 1fr;
      grid-template-rows: max-content 1fr auto;
      gap: 0 calc((38 / var(--default-width-pc-val)) * 100%);
    }
  }
  .main-lineup__item--detail--title {
    grid-area: ttl;
  }
  .main-lineup__item--detail--texts {
    grid-area: txt;
    .is-sp & {
      margin-top: 1em;
    }
  }
  .main-lineup__item--map {
    grid-area: img;
    aspect-ratio: var(--lineup-map-aspect);
    margin: auto;
    .is-oceanpark & {
      --lineup-map-aspect: 680 / 474;
    }
  }
  .main-lineup__item--info {
    grid-area: info;
    margin-top: 1.5em;
    .is-pc & {
      margin-top: min((35vw / 10.9), 35px);
    }
  }
}
/*themepark-block*/
.themepark-block {
  &:not(:first-child) {
    margin-top: min((180vw / 10.9), 160px);
  }
  &.is-oceanpark {
    --template-block-ttl-size: min((159vw / 7.5), 181px);
    --template-block-img-size: min((200vw / 7.5), 200px);
  }
}
.themepark-block__title {
  margin-bottom: min((46vw / 10.9), 30px);
  .base-title__picture {
    width: auto;
    height: var(--template-block-ttl-size);
    object-fit: contain;
  }
}
.themepark-block__lead {
  line-height: calc(26 / 16);
  max-width: 922px;
  margin: 0 auto min((46vw / 7.5), 30px);
}
.themepark-block__image {
  text-align: center;
  margin-bottom: min((82vw / 7.5), 47px);
  .base-title__picture {
    width: auto;
    height: var(--template-block-img-size);
    object-fit: contain;
  }
}
.themepark-attraction {
  margin-top: min((126vw / 7.5), 126px);
  .themepark-attraction__title {
    text-align: center;
    margin-bottom: min((100vw / 7.5), 66px);
    .base-title__picture {
      height: min((102vw / 7.5), 102px);
    }
  }
}
.themepark-info {
  --info-bg: #fff;
  margin: min((192vw / 7.5), 143px) 0 min((95vw / 7.5), 83px);
}
.themepark-info__sotowaku, .themepark-info__nakawaku {
  position: relative;
  background: var(--info-bg);
  filter: drop-shadow(0px -1px .75px #000);
  border: 1px solid;
  border-top: none;
  &::before {
    content: "";
    display: block;
    background: var(--info-bg);
    border-radius: 100%;
    width: min((510vw / 7.5), 412px);
    aspect-ratio: 404 / 355;
    padding: min((70vw / 7.5), 50px) min((75vw / 7.5), 70px) 0;
    position: absolute;
    left: 0;
    right: 0;
    top: max((-128vw / 7.5), -74px);
    margin: auto;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
  }
}
.themepark-info__sotowaku {
  padding: min((10vw / 7.5), 10px);
}
.themepark-info__nakawaku::before {
  width: min((488vw / 7.5), 394px);
}
.themepark-info__nakawaku {
  position: relative;
}
.themepark-info__title {
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-135%);
  z-index: 1;
  .base-title__picture {
    display: block;
    height: min((27vw / 7.5), 20px);
  }
}
.themepark-info__lineup {
  background: var(--info-bg);
  position: relative;
  z-index: 1;
  padding: min((30vw / 7.5), 30px) min((28vw / 7.5), 30px) min((30vw / 7.5), 20px);
}
.themepark-info__lineup--item {
  display: grid;
  gap: min((23vw / 7.5), 37px);
  .is-pc & {
    grid-template-columns: 380px 1fr;
  }
}
.themepark-info__detail--item--figure {
  order: -1;
  width: 100%;
  min-height: min((284vw / 7.5), 180px);
  text-align: center;
}
.themepark-info__detail--item--figure--photo {
  object-fit: contain;
}
.themepark-info__detail--texts--title {
  color: #143fa5;
  font-weight: bold;
  font-size: min((34vw / 7.5), 22px);
  line-height: calc(26 / 22);
  margin-bottom: .5em;
}
.themepark-info__detail--item--figure--caption {
  font-size: min((16vw / 7.5), 12px);
  line-height: 1.2;
  margin-top: .5em;
  text-align: left;
  .is-sp & {
    text-align: right;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .main-lineup-nav__list--item--link {
    &:hover {
      color: #eb5e55;
    }
  }
  .is-type-thumbnails .main-lineup__item--photo {
    transition: var(--default-hover-transition);
    &:hover {
      opacity: var(--default-hover-opacity);
    }
  }
}