@charset "utf-8";
/* 「女子旅 」レスポンシブCSS */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
/**/
/*★ リセット ★*/
.main div:not([class])::after {
  content: none;
}
.main a {
  text-decoration: none;
}
.main b {
  font-weight: normal;
}
.main .is-em {
  font-weight: bold;
}
#goTop {
  --size: min((80vw / 3.75), 120px);
  [class*="goTop__img--"] {
    width: var(--size);
    height: var(--size);
  }
}
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
#hisApp {
  position: relative;
}
:root {
  --icon-arrow-right-white: url("/cmn/icon/icon_arrow_right_white.svg");
  --icon-blank-white: url("/cmn/icon/icon_launch_white.svg");
  --icon-arrow-right-red: url("/theme/girls-trip/assets/common/all/images/icon_arrow_right_red.svg");
  --icon-blank-red: url("/theme/girls-trip/assets/common/all/images/icon_launch_red.svg");
  --default-color-blue: #162f80;
  --default-color-red: #D82135;
  --default-color-black: #2E2925;
  --default-font-size-pc-val: 16;
  --default-font-size-pc: 16px;
  --default-font-size-sp: calc(16vw / 3.75);
  --default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc));
  --default-width-pc: 992px;
  --default-width: min((320vw / 3.75), var(--default-width-pc));
  --default-width2: min(100%, var(--default-width-pc));
  --default-bg-width-pc: max(100%, 1920px);
  --default-bg-setting: no-repeat center center / cover;
  --default-icon-arrow-right-white: var(--icon-arrow-right-white) var(--default-bg-setting);
  --default-icon-arrow-right-red: var(--icon-arrow-right-red) var(--default-bg-setting);
  --default-icon-blank-white: var(--icon-blank-white) var(--default-bg-setting);
  --default-icon-blank-red: var(--icon-blank-red) var(--default-bg-setting);
  --default-hover-speed: .2s;
  --default-hover-opacity: .7;
  --default-hover-transition: opacity var(--default-hover-speed);
  --default-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  --default-text-shadow: 0 3px 6px rgba(0, 0, 0, .95);
  --default-mv-bg: url("assets/common/images/mv_photo_sp.jpg");
  --default-mv-bg-pc: url("assets/common/images/mv_photo_pc.jpg");
  --default-img-aspect: calc((638 / 960) * 100%);
}
.is-pc .js-accordion-button-pc, .is-sp .js-accordion-button-sp, .js-toggleControl {
  cursor: pointer;
}
:is(.is-pc .js-accordion-button-pc, .is-sp .js-accordion-button-sp) + * {
  display: none;
}
.main {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--default-font-size);
  color: var(--default-color-black);
  line-height: calc(25 / var(--default-font-size-pc-val));
  overflow: hidden;
  background: #fff;
  padding-bottom: 0 !important;
}
#hisAp > p.main {
  position: static;
}
.is-pc .is-dsp-sp, .is-sp .is-dsp-pc {
  display: none !important;
}
.is-font-small, .is-sp .is-font-small-sp, .is-pc .is-font-small-pc {
  font-size: .8em;
}
.is-font-big {
  font-size: 1.5em;
  line-height: 1;
}
.is-inline-block {
  display: inline-block;
}
.is-indent-1, .section [class*="notes--item"] {
  text-indent: -1em;
  padding-left: 1em;
}
.is-pr-half {
  padding-right: .5em;
}
.toggle__contents:not([class*="--active"]) {
  display: none;
}
/*.js-open-target, .toggle__contents:not([class*="--active"]) {
  display: none;
}
.is-device-pc .js-open-trigger:hover .js-open-target {
  display: block;
}
*/
.js-open-trigger {
  cursor: pointer;
  position: relative;
}
.js-open-target {
  position: absolute;
  width: 100%;
  z-index: 10;
  display: none;
}
.js-accordion-button {
  cursor: pointer;
}
.js-accordion-button + * {
  display: none;
}
.section__inner, .contents__wrapper {
  width: var(--default-width);
  margin: auto;
  position: relative;
}
:is([class*="__link"], [class*="--link"]) {
  color: inherit;
}
/*section__notes*/
.section__notes {
  font-size: min((20vw / 7.5), 14px);
  line-height: 1.2;
  margin-top: 1em;
}
.section__notes--title {
  margin-bottom: .25em;
}
.section__notes--list {
  display: grid;
  gap: .25em;
}
/*button*/
[class*="button__wrapper"], [class*="__button--wrapper"] {
  display: flex;
  flex-wrap: wrap;
  gap: min((15vw / 3.75), 15px);
}
.is-pc .is([class*="button__wrapper"], [class*="__button--wrapper"]) {
  gap: 15px;
}
:is(.base-button, .base-simple-button) {
  display: grid;
  width: 100%;
}
.is-pc :is(.base-button, .base-simple-button) {
  width: calc((100% - 15px) / 2);
}
.is-pc :is(.base-button, .base-simple-button):only-child {
  margin: auto;
}
:is(.base-button__link, .base-simple-button__link) {
  display: grid;
  justify-items: center;
  align-items: center;
  line-height: 1.2;
}
.base-button__link {
  grid-template-columns: 1fr 1em;
  gap: 0 1em;
}
.base-button__link {
  height: 100%;
  font-size: min(var(--default-font-size-sp), 18px);
  border: 1px solid;
  border-radius: min((2vw / 3.75), 3px);
}
.is-sp .base-button__link {
  min-height: min((85vw / 7.5), 50px);
  padding: .5em 1em .6em;
  padding-left: 1.5em; /*アイコン分鑑みて追加*/
}
.is-pc .base-button__link {
  min-height: 50px;
  padding: .5em .5em .6em;
  padding-left: 1.5em; /*アイコン分鑑みて追加*/
}
.base-button.is-kokunai .base-button__link {
  background: #47c40c;
}
.base-button.is-kaigai .base-button__link {
  background: #2488ff;
}
.base-simple-button__link {
  min-height: min((52vw / 7.5), 52px);
  color: #4f4f4f;
  font-size: min((26vw / 7.5), 18px);
  text-align: center;
  padding: .1em 2em .2em;
  border: 1px solid #000;
  border-radius: 500px;
}
.base-button__link::after {
  content: "";
  width: 100%;
  height: 1.5em;
  background: var(--default-icon-arrow-right-red);
}
.base-button__link[target="_blank"]::after {
  height: 1em;
  background: var(--default-icon-blank-red);
}
.base-button__link[href^="#"]::after {
  transform: rotate(90deg);
}
:is(.mv__inner, .sec-title) .base-button__link {
  background: rgba(0, 0, 0, .16);
  color: #fff;
  box-shadow: var(--default-shadow);
}
:is(.mv__inner, .sec-title) .base-button__link::after {
  background: var(--default-icon-arrow-right-white);
}
:is(.mv__inner, .sec-title) .base-button__link[target="_blank"]::after {
  background: var(--default-icon-blank-white);
}
/*base-banner*/
.base-text-link {
  color: #3366CC;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
/*base-banner*/
.base-banner {
  display: grid;
  justify-content: center;
  gap: min((30vw / 7.5), 15px);
}
.base-banner__link {
  background: #fff;
}
/*slider*/
.js-slider {
  overflow: hidden;
}
.slider__dots {
  display: flex !important;
  justify-content: center;
  gap: 0 min((10vw / 7.5), 13px);
}
.js-slider-dots .slider__dots {
  float: none;
}
.slider__dots > li:only-child {
  display: none;
}
.slider__dots--item {
  --dot-size: min((8vw / 3.75), 10px);
  display: block;
  width: var(--dot-size);
  height: var(--dot-size);
  background: #E3E1E1;
  border-radius: 100%;
  cursor: pointer;
  margin-top: min((10vw / 3.75), 22px);
}
.slick-active > .slider__dots--item {
  background: var(--default-color-red);
}
.slider__arrow {
  --posi: 0;
  background: var(--default-icon-arrow-right-red);
  width: 28px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  cursor: pointer;
  transition: var(--default-hover-transition);
}
#area-lineup .slider__arrow {
  background: var(--default-icon-arrow-right-white);
}
[class*="js-slider-"] .slider__arrow {
  --posi: -38px;
  height: 50px;
}
.slider__arrow.is-prev {
  left: var(--posi);
  transform: rotate(180deg);
}
.slider__arrow.is-next {
  right: var(--posi);
}
.slider__arrow[class*="disabled"] {
  opacity: 0;
  cursor: default;
}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
#headerArea {
  position: relative;
}
/*mv・扉sec-title*/
.is-dst .mv, :not(.is-dst) .mv__wrapper, .is-tobira .sec-title {
  background: var(--mv-photo) no-repeat center center / cover;
  .is-pc & {
    background-image: var(--mv-photo-pc);
  }
}
.mv__inner, .is-tobira .sec-title__inner {
  display: grid;
  justify-items: center;
  align-content: center;
  color: #fff;
  position: relative;
  min-height: calc(500vw / 3.75);
  margin: auto;
  width: min((340vw / 3.75), var(--default-width-pc));
}
.is-pc .mv__inner, .is-pc.is-tobira .sec-title__inner {
  min-height: 600px;
}
.is-pc.is-dst .mv {
  position: relative;
}
.is-pc.is-dst .mv::before {
  content: "";
  display: block;
  clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
  background: rgba(23, 23, 23, .61);
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
}
.is-pc.is-dst .mv__inner {
  justify-items: start;
}
.is-pc.is-dst .mv__lead {
  max-width: 412px;
  margin-left: 0;
  text-align: left;
}
.is-tobira .mv__wrapper {
  --mv-photo: url("../../tobira/images/mv_photo_sp.jpg");
  --mv-photo-pc: url("../../tobira/images/mv_photo_pc.jpg");
}
.is-kaigai-top .mv__wrapper, .is-tobira #kaigai .sec-title {
  --mv-photo: url("../../../../kaigai/assets/common/top/images/mv_photo_sp.jpg");
  --mv-photo-pc: url("../../../../kaigai/assets/common/top/images/mv_photo_pc.jpg");
}
.is-kokunai-top .mv__wrapper, .is-tobira #kokunai .sec-title {
  --mv-photo: url("../../../../kokunai/assets/common/top/images/mv_photo_sp.jpg");
  --mv-photo-pc: url("../../../../kokunai/assets/common/top/images/mv_photo_pc.jpg");
}
.is-tabijyo-top .mv__wrapper, .is-tobira #tabijyo .sec-title {
  --mv-photo: url("../../../../tabijyo/assets/top/images/mv_photo_sp.jpg");
  --mv-photo-pc: url("../../../../tabijyo/assets/top/images/mv_photo_pc.jpg");
}
.is-tobira .mv__title, .is-tobira .sec-title__lead, .mv__lead {
  /*width: min((337vw / 3.75), 800px);*/
  width: min(100%, 800px);
  text-align: center;
  text-shadow: var(--default-shadow);
  margin: min((20vw / 3.75), 30px) auto 0;
}
:is(.is-tobira .mv__title, .is-tobira .sec-title__lead, .mv__inner .mv__lead):not(:last-child) {
  margin-bottom: min((45vw / 3.75), 70px);
}
#tabijyo .sec-title__lead, .is-tabijyo-top .mv__lead {
  padding-bottom: min((104vw / 3.75), 145px);
  background: url("../images/bnr_tabijo.png") no-repeat center bottom / min((137vw / 3.75), 205px);
}
.is-tobira .mv__title {
  font-size: min((14vw / 3.75), 25px);
  margin-top: min((4vw / 3.75), 5px);
}
.is-kaigai-paris .mv__title span:nth-child(3) {
  color: #fff;
}
.is-kaigai-paris .mv__title span:nth-child(n + 4) {
  color: #E60012;
}
.is-tobira .sec-title__name {
  display: grid;
  justify-items: center;
}
#pageApp:not(.is-tobira) .mv__title, .sec-title__name--main {
  font-size: min((57vw / 3.75), 65px);
  text-shadow: var(--default-text-shadow);
}
.sec-title__name--main {
  order: 1;
}
.mv__logo, .sec-title__name--sub {
  width: auto;
  height: min((17vw / 3.75), 25px);
}
.is-tobira .mv__logo {
  height: min((30vw / 3.75), 60px);
}
.mv__wrapper ~ .mv__lead {
  text-shadow: none;
  margin: min((25vw / 3.75), 56px) auto min((25vw / 3.75), 70px);
}
.mv__name {
  font-size: min((20vw / 3.75), 26px);
  line-height: 1;
  margin-top: -.35em;
  text-shadow: var(--default-text-shadow);
}
.is-sp .mv__name {
  text-align: center;
}
.mv__button.button__wrapper, .sec-title__button--wrapper {
  width: var(--default-width);
  max-width: 880px;
  column-gap: min((20vw / 3.75), 50px);
  justify-content: center;
}
.mv__button--item.base-button, .sec-title__button {
  width: min(100%, 415px);
}
/*gnavi*/
.gnavi {
  width: 100%;
  background: rgba(255, 255, 255, .8);
  text-align: center;
  position: absolute;
  top: 28px; /*パンくず分*/
  left: 0;
  z-index: 1;
}
.gnavi__inner {
  width: var(--default-width2);
  margin: auto;
}
.gnavi__inner.is-portal-active {
  display: grid;
  grid-template-columns: 1fr min((87vw / 3.75), 140px);
}
/*gnavi -- page-navi*/
.page-navi {
  display: flex;
  justify-content: space-around;
}
.page-navi__item {
  flex: 1;
  position: relative;
}
.page-navi__link {
  display: grid;
  align-content: center;
  height: 100%;
  min-height: min((52vw / 3.75), 65px);
  line-height: 1;
}
.page-navi__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--default-color-red);
  position: absolute;
  bottom: 0;
  opacity: 0;
}
.page-navi__link[class*="active"]::after {
  opacity: 1
}
.page-navi__name {
  font-size: min((13vw / 3.75), 18px);
}
.is-sp .page-navi__name {
  padding: 0 .5em;
  line-height: 1.2;
}
.page-navi__name > span {
  display: inline-block;
}
.page-navi__type {
  color: var(--default-color-red);
  font-size: min((10vw / 3.75), 12px);
  margin-top: .5em;
}
.is-sp .page-navi__type {
  display: none;
}
.page-navi__sub {
  display: none;
}
/*gnavi -- portal-navi*/
.portal-navi {
  font-size: min((13vw / 3.75), 18px);
  line-height: 1;
}
.portal-navi__active {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .25em 0;
  padding: .5em .25em 0;
}
.portal-navi__active::after {
  content: "";
  background: var(--default-icon-arrow-right-white);
  transform: rotate(90deg);
  width: 0.5em;
  height: 1.5em;
  margin-top: -.25em;
  transition: transform var(--default-hover-speed);
}
.portal-navi.is-open .portal-navi__active::after {
  transform: rotate(-90deg);
}
[class*="portal-navi"][class*="active"] {
  background: var(--default-color-red);
  color: #fff;
  height: 100%;
}
.portal-navi__list {
  background: #fff;
}
.is-pc .portal-navi__list {
  font-size: calc(16em / 18);
}
.portal-navi__link {
  display: block;
  padding: .54em 0 .62em;
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea .section__inner {
  padding: min((40vw / 3.75), 100px) 0;
}
/*section__navi*/
.section__navi {
  width: min((340vw / 3.75), var(--default-width-pc));
  margin: auto;
  padding: min((10vw / 3.75), 20px) 0 min((20vw / 3.75), 20px);
}
.section__navi--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min((10vw / 3.75), 10px) min((7vw / 3.75), 10px);
  &.is-len-3 {
    .is-sp & {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      .section__navi--item {
        width: 100%;
      }
    }
  }
  &.is-len-4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    .is-pc & {
      grid-template-columns: repeat(4, 1fr);
    }
    .section__navi--item {
      width: 100%;
    }
  }
}
.section__navi--item {
  width: min((108vw / 3.75), 190px);
  font-size: min((10vw / 3.75), 12px);
  line-height: 1;
  text-align: center;
  display: grid;
  justify-items: center;
  position: relative;
  &::after {
    content: "";
    display: block;
    width: 13px;
    height: calc(13px / 2);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: var(--default-color-red);
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% - 1px));
  }
}
.section__navi--link {
  width: 100%;
  height: 100%;
  display: grid;
  border-bottom: min((2vw / 3.75), 3px) solid var(--default-color-red);
  padding: .75em;
}
.section__navi--name {
  color: var(--default-color-red);
  font-size: min(var(--default-font-size-sp), 18px);
  margin-bottom: .25em;
}
/*section__title*/
.section__title {
  text-align: center;
  font-size: min(var(--default-font-size-sp), 18px);
  margin-bottom: min((50vw / 3.75), 60px);
}
.section__title:not(:first-child) {
  margin-top: min((80vw / 3.75), 145px);
}
.section__title .base-title__inner {
  display: grid;
  justify-items: center;
}
.section__title .base-title__inner::after {
  content: "";
  width: min((45vw / 3.75), 45px);
  height: 2px;
  background: var(--default-color-red);
}
.section__title .base-title__text--sub {
  color: var(--default-color-red);
  font-size: min((35vw / 3.75), 45px);
  line-height: 1;
}
.section__title .base-title__text--main {
  margin: .25em 0 .75em;
}
/*news・branch*/
.news__list, .branch__list {
  display: grid;
  gap: min((26vw / 3.75), 40px) 0;
}
.news__item--link, .branch__item--link {
  display: grid;
  grid-template-columns: auto 1fr min((22vw / 3.75), 22px);
  gap: 0 min((14vw / 3.75), 28px);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
  padding: min((9vw / 3.75), 12px) min((9vw / 3.75), 15px);
  font-size: min((14vw / 3.75), 14px);
  line-height: 1.2;
}
.branch__item--link {
  gap: min((5vw / 3.75), 10px) min((10vw / 3.75), 16px);
}
.is-sp .branch__item--link {
  grid-template-columns: 1fr;
  padding: min((18vw / 3.75), 20px);
}
.news__item--link::after, .is-pc .branch__item--link::after {
  order: 2;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: var(--default-color-red) var(--default-icon-arrow-right-white);
  background-size: contain;
}
.is-pc .branch__item--link::after {
  background-color: var(--default-color-black);
}
.news__item--photo, .branch__item--photo {
  object-fit: cover;
}
.news__item--photo {
  --photo-size: min((97vw / 3.75), 180px);
  border-radius: 3px;
  width: var(--photo-size);
  height: var(--photo-size);
}
.branch__item--photo {
  border-radius: 5px;
  width: 100%;
  height: calc(200vw / 3.75);
}
.is-pc .branch__item--photo {
  width: min((250vw / 9.92), 250px);
  height: min((170vw / 9.92), 170px);
}
.news__item--detail, .branch__item--detail {
  order: 1;
  display: grid;
  align-content: start;
  grid-template-rows: auto auto auto 1fr;
}
.is-pc .news__item--detail {
  padding: 1em 0;
}
.news__item--title, .branch__item--title {
  font-size: min((18vw / 3.75), 20px);
  margin: .5em 0 .25em;
}
.branch__item--title {
  margin: .25em 0 .5em;
}
.news__item--point {
  align-self: end;
  margin-top: 1em;
}
/*#area・#area-lineup*/
#area {
  background: #F6F1EA;
}
#area-lineup {
  background: var(--default-color-black);
  padding: min((30vw / 3.75), 40px) 0;
}
.area-lineup--title {
  margin-bottom: min((20vw / 3.75), 35px);
  display: grid;
  justify-items: center;
}
.area-lineup__title--main {
  color: #fff;
  text-align: center;
  font-size: min((20vw / 3.75), 25px);
  line-height: 1;
  order: 1;
}
.area-lineup__title--sub {
  width: auto;
  height: min((16vw / 3.75), 24px);
  margin-bottom: min((4vw / 3.75), 8px);
}
.area__list {
  --yohaku-yoko: min((20vw / 3.75), 20px);
  display: grid;
  gap: var(--yohaku-tate, min((40vw / 3.75), 50px)) var(--yohaku-yoko);
  justify-content: center;
  /*grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));*/
  &:not(.area-lineup__list) {
    grid-template-columns: 1fr;
    @media (min-width: 621px) {
      & {
        grid-template-columns: repeat(auto-fit, calc((100% - var(--yohaku-yoko)) / 2));
      }
    }
    @media (min-width: 961px) {
      & {
        grid-template-columns: repeat(auto-fit, calc((100% - var(--yohaku-yoko) * 2) / 3));
      }
    }
  }
  &.area-lineup__list {
    --yohaku-yoko: min((18vw / 3.75), 20px);
    --yohaku-tate: min((16vw / 3.75), 20px);
    /*grid-template-columns: repeat(auto-fit, calc((100% - var(--yohaku-yoko) * 4) / 5));*/
    @media (min-width: 1101px) {
      & {
        grid-auto-columns: 186px;
        grid-auto-flow: column;
      }
    }
    @media (max-width: 1100px) {
      & {
        /* grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));*/
        grid-template-columns: repeat(auto-fit, calc((100% - var(--yohaku-yoko) * 2) / 3));
      }
    }
    @media (max-width: 660px) {
      & {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }
}
.is-pc .area-lineup__list:not([class*="slider"]) {
  gap: 16px;
}
.is-pc .area-lineup__list[class*="slider"] {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.is-pc .area-lineup__list[class*="slider"] .area__item {
  margin: 0 8px;
}
.area__item {
  display: grid;
  gap: 0;
  grid-row: span 3;
  grid-template-rows: subgrid;
  background: #fff;
  font-size: min(var(--default-font-size-sp), 14px);
  box-shadow: var(--default-shadow);
  border-top: min((5vw / 3.75), 6px) solid var(--default-color-red);
  padding: min((15vw / 3.75), 30px);
  padding-top: min((22vw / 3.75), 38px);
}
.area-lineup__list .area__item {
  grid-row: span 2;
  padding: min((10vw / 3.75), 14px);
  padding-top: min((14vw / 3.75), 18px);
}
.area-lineup__list .area__item--link.is-active {
  opacity: .7;
}
.area__list:not(.area-lineup__list) .area__item--title {
  margin-bottom: min((18vw / 3.75), 35px);
}
.area__item--title .base-title__inner {
  display: grid;
  line-height: 1.2;
  justify-items: center;
  text-align: center;
}
.area__item--title .base-title__text--sub {
  order: 1;
  color: var(--default-color-red);
  font-size: min((18vw / 3.75), var(--default-font-size-pc));
  margin-top: .25em;
}
.area__item--title .base-title__text--main {
  font-size: min((30vw / 3.75), 35px);
}
.area-lineup__list .area__item--title .base-title__text--sub {
  font-size: min((12vw / 3.75), 12px);
}
.area-lineup__list .area__item--title .base-title__text--main {
  font-size: min(var(--default-font-size-sp), 20px);
}
.area__item--photo {
  margin-top: min((18vw / 3.75), 22px);
}
.area-lineup__list .area__item--photo {
  margin-top: min((8vw / 3.75), 8px);
}
/*#qa*/
.qa__list {
  --border: 1px solid #E3E1E1;
  display: grid;
  gap: min((28vw / 3.75), 28px);
}
.qa__item {
  border: var(--border);
  border-radius: 3px;
  padding: min((10vw / 3.75), 30px) min((10vw / 3.75), 25px);
}
.qa__item .js-accordion-target {
  height: auto; /*iphoneでなぜか文字詰まるので追記*/
}
.qa__item--Q, .qa__item--A {
  display: grid;
  gap: 0 min((10vw / 3.75), 38px);
}
.qa__item--Q {
  font-size: min(var(--default-font-size-sp), 18px);
  grid-template-columns: auto 1fr auto;
  align-items: start;
}
.is-pc .qa__item--Q {
  grid-template-columns: auto 1fr 3em;
}
.qa__item--A {
  font-size: min(var(--default-font-size-sp), 14px);
  grid-template-columns: auto 1fr;
  /*align-items: baseline;*/ /*iphoneでなぜか文字詰まるのでなしへ*/
  line-height: 1.75;
  padding-top: min((15vw / 3.75), 30px);
  margin-top: min((30vw / 3.75), 30px);
  border-top: var(--border);
}
.is-pc .qa__item--A {
  margin-top: 12px;
}
.qa__item--Q::before, .qa__item--A::before {
  font-size: min(var(--default-font-size-sp), 25px);
  line-height: 1;
}
.qa__item--Q::before {
  content: "Q.";
  color: var(--default-color-red);
}
.qa__item--A::before {
  content: "A.";
}
.qa__item--icon {
  display: grid;
  justify-items: center;
  justify-content: center;
}
.is-sp .qa__item--icon {
  margin-top: .25em;
}
.is-pc .qa__item--icon::after {
  content: "開く";
  display: block;
  color: var(--default-color-red);
  font-size: 13px;
  line-height: 1;
  margin-top: .2em;
  text-indent: .2em;
}
.is-pc .qa__item--Q.is-open .qa__item--icon::after {
  content: "閉じる"
}
.qa__item--icon--image {
  --icon-size: min((20vw / 3.75), 35px);
  border-radius: 100%;
  border: 1px solid var(--default-color-red);
  width: var(--icon-size);
  height: var(--icon-size);
  background: url("../images/icon_add_red.svg") no-repeat center center / contain;
}
.qa__item--Q.is-open .qa__item--icon--image {
  background-image: url("../images/icon_remove_red.svg");
}
/*#point*/
#point .section__inner {
  width: 100%;
}
.point__block {
  max-width: var(--default-width-pc);
  overflow-x: auto;
  margin: auto;
  box-sizing: content-box;
}
.is-sp .point__block {
  padding: 0 min((20vw / 3.75), 30px) 10px;
}
.point__list {
  width: min((765vw / 3.75), var(--default-width-pc));
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 min((20vw / 3.75), 58px);
}
.is-pc.is-device-tab .point__list {
  gap: 0 15px;
}
.point__item {
  display: grid;
  justify-items: center;
  grid-row: span 3;
  grid-template-rows: subgrid;
  background: #fff;
  font-size: min(var(--default-font-size-sp), 14px);
}
.point__item > [class*="point__item--"]:not(.point__item--photo) {
  order: 1
}
.point__item--title {
  font-size: min((18vw / 3.75), 18px);
  margin: min((19vw / 3.75), 18px) 0 min((10vw / 3.75), 13px);
}
.point__item--photo {
  --photo-size: min((214vw / 3.75), 270px);
  width: var(--photo-size);
  height: var(--photo-size);
  box-shadow: var(--default-shadow);
  border-radius: 100%;
  padding: min((8vw / 3.75), 10px);
}
.point__item--buttons {
  width: min((190vw / 3.75), 240px);
  margin: min((15vw / 3.75), 35px) auto 0;
}
.point__item--button.base-button {
  width: 100%;
}
.point__item--buttons .base-button__link {
  min-height: min((36vw / 3.75), 45px);
  font-size: min((14vw / 3.75), 14px);
}
/*#spot*/
.spot__list {
  display: grid;
  gap: min((40vw / 3.75), 80px);
}
.is-pc .spot__item {
  display: grid;
  grid-template-columns: 1fr auto;
  box-shadow: var(--default-shadow);
  background: #fff;
  padding: min((60vw / 3.75), 40px) min((60vw / 3.75), 37px) min((60vw / 3.75), 70px);
  gap: min((5vw / 3.75), 27px);
}
.is-pc .spot__item:nth-child(odd) {
  grid-template-columns: auto 1fr;
}
.is-pc .spot__item:nth-child(odd) .spot__item--detail {
  order: 1;
}
.is-sp .spot__item--image {
  width: var(--default-width);
  margin-top: min((10vw / 3.75), 20px);
}
.is-pc .spot__item--image {
  width: min((121vw / 3.75), 465px);
}
.spot__item--photo {
  width: 100%;
  height: calc(234vw / 3.75);
  object-fit: cover;
}
.is-pc .spot__item--photo {
  height: min((90vw / 3.75), 340px);
}
.spot__item--title {
  display: grid;
  grid-template-areas:
    "number label"
    "name name";
  align-items: end;
  grid-template-columns: auto 1fr;
  gap: min((5vw / 3.75), 30px) min((10vw / 3.75), 50px);
  justify-items: start;
  margin-bottom: min((10vw / 3.75), 25px)
}
.is-pc .spot__item--title {
  margin-top: -1em;
}
.is-pc .spot__item:nth-child(odd) .spot__item--title {
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "label number"
    "name name";
}
.spot__item--number {
  grid-area: number;
  color: var(--default-color-red);
  font-size: min((40vw / 3.75), 65px);
  line-height: 1;
}
.spot__item--label {
  grid-area: label;
  display: inline-block;
  background: var(--default-color-red);
  color: #fff;
  text-align: center;
  min-width: min((130vw / 3.75), 150px);
  padding: .2em 1em .3em;
  font-size: min((12vw / 3.75), 14px);
  line-height: 1.2;
  border-radius: 3px;
}
.spot__item--name {
  grid-area: name;
}
.spot__item--name .base-title__inner {
  line-height: 1.2;
  display: grid;
  gap: .3em 0;
}
.spot__item--name .base-title__text--sub {
  order: 1;
}
.spot__item--name .base-title__text--main {
  font-size: min((28vw / 3.75), 32px);
}
.spot__item-texts {
  font-size: min((14vw / 3.75), var(--default-font-size-pc));
}
.spot__button--wrapper {
  margin-top: min((68vw / 3.75), 85px);
}
.spot__select {
  background: #F8F3EE;
  margin-top: min((70vw / 3.75), 95px);
  padding: min((18vw / 3.75), 40px) min((20vw / 3.75), 40px) min((28vw / 3.75), 40px);
}
.spot__select--title {
  font-size: min((20vw / 3.75), 30px);
  text-align: center;
  line-height: 1.2;
  margin-bottom: .75em;
}
.spot__select--title .base-title__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .2em .5em;
}
.spot__select--title .base-title__text--sub {
  color: var(--default-color-red);
}
.is-sp .spot__select--title .base-title__text--sub {
  font-size: min((18vw / 3.75), 30px);
}
.spot__select--list {
  display: grid;
  --yohaku: min((38vw / 3.75), 38px);
}
.is-pc .spot__select--list {
  --yohaku: min((10vw / 3.75), 38px);
  grid-template-columns: repeat(2, 1fr);
}
.is-sp .spot__select--item:not(:first-child) {
  border-top: 1px solid var(--default-color-black);
  padding-top: var(--yohaku);
  margin-top: var(--yohaku);
}
.is-pc .spot__select--item:nth-child(odd):not(:last-child) {
  border-right: 1px dashed var(--default-color-black);
}
.is-pc .spot__select--item:nth-child(odd) {
  padding-right: var(--yohaku);
}
.is-pc .spot__select--item:nth-child(even) {
  padding-left: var(--yohaku);
}
.spot__select--item {
  display: grid;
  grid-row: span 5;
  grid-template-rows: subgrid;
}
.spot__select--item > [class*="spot__select--item--"]:not(.spot__select--item--photo) {
  order: 1;
}
.spot__select--item--photo {
  width: 100%;
  height: min((198vw / 3.75), 300px);
  object-fit: cover;
  margin-bottom: min((10vw / 3.75), 15px);
}
.spot__select--item--title {
  font-size: min(var(--default-font-size-sp), 20px);
  line-height: 1.3;
  margin-bottom: 1em;
}
.spot__select--item--text {
  font-size: min((14vw / 3.75), 14px);
}
.spot__select--item--button.base-button {
  width: 100%;
  margin-top: min((20vw / 3.75), 30px) !important;
}
.spot__select--item--button .base-button__link {
  background: var(--default-color-black);
  color: #fff;
  min-height: min((30vw / 3.75), 45px);
  font-size: min((12vw / 3.75), var(--default-font-size-pc));
  border-radius: 3px;
}
.spot__select--item--button .base-button__link::after {
  background: var(--default-icon-arrow-right-white);
}
.spot__select--item--button .base-button__link[target="_blank"]::after {
  background: var(--default-icon-blank-white);
}
.spot__select--item--staff {
  border-radius: 3px;
  background: #fff;
  margin-top: min((20vw / 3.75), 20px);
  display: grid;
  grid-template-areas:
    "photo txt"
    "photo name";
  grid-template-rows: 1fr auto;
  grid-template-columns: auto 1fr;
  gap: min((8vw / 3.75), 12px);
  padding: min((8vw / 3.75), 12px);
}
.spot__select--item--staff--photo {
  --photo-size: min((66vw / 3.75), 100px);
  grid-area: photo;
  width: var(--photo-size);
  height: var(--photo-size);
}
.spot__select--item--staff--name {
  grid-area: name;
  font-size: min((9vw / 3.75), 12px);
}
.spot__select--item--staff--text {
  grid-area: txt;
  font-size: min((12vw / 3.75), 14px);
}
/*#product*/
.product__block:not(:has(.product__list.is-length-0)) + .product__block {
  margin-top: min((78vw / 3.75), 108px);
}
.product__block:has(.product__list.is-length-0) {
  display: none;
}
.product__block-title {
  font-size: min((28vw / 3.75), 32px);
  text-align: center;
  color: var(--default-color-red);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr max-content 1fr;
  gap: min((32vw / 3.75), 56px);
  margin-bottom: min((40vw / 3.75), 40px);
  .is-pc & {
    --border-max-size: 160px;
  }
  &::before, &::after {
    content: "";
    height: 1px;
    width: 100%;
    max-width: var(--border-max-size, 100%);
    background: currentColor;
  }
  &::before {
    justify-self: end;
  }
}
.product__list--contents + .product__button--wrapper:not(:empty) {
  margin-top: min((65vw / 3.75), 100px);
  .product__block & {
    margin-top: min((36vw / 3.75), 56px);
  }
}
.product__notes {
  font-size: min((12vw / 3.75), 14px);
  color: #444;
  max-width: 680px;
  margin: var(--product-notes-yohaku-ue, 20px) auto 0;
}
.product__block + .product__notes {
  --product-notes-yohaku-ue: min((30vw / 3.75), 60px);
}
.product__list {
  --product-gap-yoko: 16px;
  gap: min((50vw / 3.75), 54px) var(--product-gap-yoko);
}
#pageApp.is-dst .product__list {
  display: flex;
  flex-wrap: wrap;
  &.is-item-center {
    justify-content: center;
  }
  .product__list--item {
    width: calc((100% - (var(--product-gap-yoko) * 2)) / 3);
  }
}
#pageApp:not(.is-dst) .product__list {
  display: grid;
  .is-pc & {
    --col-num: 3;
    grid-template-columns: repeat(auto-fit, calc((100% - var(--product-gap-yoko) * (var(--col-num) - 1)) / var(--col-num)));
    justify-content: center;
  }
  .product__list--item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: min((18vw / 3.75), 20px);
    .is-tobira #tabijyo & {
      grid-row: span 1;
    }
  }
}
.product__list .slick-list {
  width: calc(100% + var(--product-gap-yoko));
  margin-left: -8px;
  display: grid;
  grid-auto-flow: column;
}
.is-sp .product__list--item {
  width: 100%;
}
.product__list--item.slick-slide {
  padding: 0 8px 4px;
}
.product__list--item.slick-slide .product__list--data {
  height: 100%;
}
.product__list--button.base-button {
  width: 100%;
  align-content: start;
  gap: var(--product-gap-yoko);
}
.product__list--button .base-button__link {
  font-size: var(--default-font-size);
  border-color: #E3E1E1 !important;
}
.product__list--button .base-button__link {
  min-height: 40px;
}
.product__list--inner {
  --radius: 4px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
  border-radius: var(--radius);
  color: inherit;
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
}
.product__list--image-wrapper {
  position: relative;
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
  padding-top: var(--default-img-aspect);
}
.product__list--image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  object-position: bottom;
}
.product__list--type {
  display: inline-block;
  font-size: min((13vw / 3.75), 13px);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: var(--default-color-red);
  border-radius: 3px;
  padding: .2em .5em .3em;
  min-width: calc(86em / 13);
  position: absolute;
  top: 0;
  left: 0;
}
.product__list--text-wrapper {
  display: flex;
  flex-direction: column;
  font-size: min((20vw / 3.75), 20px);
}
.product__list--text-wrapper {
  display: flex;
  flex-direction: column;
  font-size: min((14vw / 3.75), 14px);
  line-height: 1.4;
  padding: 1em 1.2em 1.5em;
}
.product__list--title, .product__list--minmax {
  font-size: var(--default-font-size);
  line-height: 1.3;
}
.product__list--texts:not(:last-child) {
  margin-bottom: 1em;
}
.product__list--labels {
  display: flex;
  flex-wrap: wrap;
  gap: min((5vw / 3.75), 5px);
  margin-top: 1em;
}
.product__list--label {
  background: var(--default-color-black);
  color: #fff;
  font-size: min((12vw / 3.75), 12px);
  line-height: 1.2;
  padding: .2em 1em .3em;
  border-radius: 2px;
}
.product__list--minmax ~ [class*="product__list--"]:not(:empty) {
  margin-top: .2em;
}
:is(.product__list--detail, .product__list--minmax + [class*="product__list--"]):not(:empty) {
  margin-top: .5em;
}
.product__list--price {
  margin-top: auto;
}
.product__list--minmax {
  color: #F01C1C;
  font-size: min((20vw / 3.75), 20px);
}
/*magazine*/
.is-sp .magazine__block {
  width: 100vw;
  overflow-x: auto;
  margin-left: max((-27.5vw / 3.75), -55px);
  padding-bottom: 10px;
  box-sizing: content-box;
}
.magazine__list {
  gap: var(--gap, min((24vw / 3.75), 24px));
  .is-sp & {
    display: flex;
    width: max-content;
    padding: 0 min((27.5vw / 3.75), 55px);
  }
  .is-pc & {
    --gap: 24px;
    --col-num: 4;
    grid-template-columns: repeat(auto-fit, calc((100% - var(--gap)*(var(--col-num) - 1)) / var(--col-num)));
    justify-content: center;
    display: grid;
    @media(width <=1080px) {
      --gap: 16px;
      --col-num: 3;
      row-gap: 24px;
    }
  }
}
.magazine__item {
  background: #fff;
  border-radius: min((4vw / 3.75), 4px);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14902);
  overflow: hidden;
  .is-sp & {
    width: min((230vw / 3.75), 230px);
  }
}
.magazine__item--link {
  display: grid;
  grid-template-rows: max-content 1fr;
  height: 100%;
}
.magazine__item--photo--wrapper {
  order: -1;
  position: relative;
  padding-top: var(--default-img-aspect);
}
.magazine__item--photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  position: absolute;
  top: 0;
}
.magazine__item--texts {
  padding: min((16vw / 3.75), 16px) min((12vw / 3.75), 12px);
  display: flex;
  flex-direction: column;
  gap: min((16vw / 3.75), 16px);
}
.magazine__item--title {
  font-size: min((14vw / 3.75), 14px);
  line-height: calc(22 / 14);
}
.magazine__item--tags {
  order: -1;
  display: flex;
  flex-wrap: wrap;
  gap: min((8vw / 3.75), 8px);
}
.magazine__item--tags--item {
  font-size: min((12vw / 3.75), 12px);
  line-height: 1.2;
  color: var(--default-color-red);
  padding: .5em;
  border: 1px solid;
  border-radius: min((4vw / 3.75), 4px);
  display: flex;
  gap: min((4vw / 3.75), 4px);
}
.magazine__item--reporter {
  margin-top: auto;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: min((16vw / 3.75), 16px);
  align-items: center;
  font-size: min((12vw / 3.75), 12px);
  line-height: calc(16 / 12);
  color: #737373;
}
.magazine__item--reporter--photo {
  order: -1;
  display: block;
  height: min((48vw / 3.75), 48px);
  aspect-ratio: 1;
  background: linear-gradient(46.33deg, #FF7A00 16.46%, #FF0069 52.83%, #D300C5 88.08%);
  border-radius: 100%;
  padding: 1px;
}
.magazine__item--reporter--photo--item {
  border-radius: 100%;
  background: #fff;
  padding: 2px;
}
.magazine__item--reporter--detail {
  display: grid;
}
.magazine__button--wrapper:not(:empty):not(:first-child) {
  margin-top: min((56vw / 3.75), 56px);
}
/*gallery*/
/*
960より↑：PC
640～960：タブレット（半分）
640より↓：SP

*/
.gallery-lineup {
  display: grid;
  &.is-layout-sp {
    grid-template-columns: repeat(3, 1fr);
    aspect-ratio: 1;
    .gallery-lineup__item {
      aspect-ratio: 1;
    }
  }
  /*  &:is(.is-layout-pc, .is-layout-tab) {
    grid-template-columns: repeat(var(--col-num), calc(100% / var(--col-num)));
  }*/
  --size-base: 6.4;
  &.is-layout-pc {
    --size-base: 19.2;
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas:
      "posi1 posi2 posi3 posi4 posi4 posi10 posi10 posi10 posi11 posi12"
      "posi5 posi5 posi6 posi4 posi4 posi13 posi14 posi15 posi15 posi16"
      "posi5 posi5 posi7 posi8 posi9 posi17 posi18 posi15 posi15 posi16";
  }
  &.is-layout-tab {
    --size-base: 9.6;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas:
      "posi1 posi2 posi3 posi4 posi4"
      "posi5 posi5 posi6 posi4 posi4"
      "posi5 posi5 posi7 posi8 posi9"
      "posi10 posi10 posi10 posi11 posi12"
      "posi13 posi14 posi15 posi15 posi16"
      "posi17 posi18 posi15 posi15 posi16";
  }
  &:is(.is-layout-pc, .is-layout-tab) .gallery-lineup__item {
    padding-top: var(--size-h, 100%);
    &.is-num-10 {
      --size-h: calc(100% / 3);
    }
    &.is-num-16 {
      --size-h: calc(100% * 2);
    }
  }
}
.gallery-lineup__item {
  position: relative;
  &.is-num-02 {
    --photo-switch-time-01: 10s;
    --photo-switch-time-02: 10s;
    --photo-switch-animation-name: photo-switch-02;
  }
  &.is-num-04 {
    --photo-switch-time-01: 8s;
    --photo-switch-time-02: 10s;
    --photo-switch-animation-name: photo-switch-04;
  }
  &.is-num-09 {
    --photo-switch-time-01: 12s;
    --photo-switch-time-02: 6s;
    --photo-switch-animation-name: photo-switch-09;
  }
  &.is-num-14 {
    --photo-switch-time-01: 7s;
    --photo-switch-time-02: 10s;
    --photo-switch-animation-name: photo-switch-14;
  }
  &.is-num-16 {
    --photo-switch-time-01: 5s;
    --photo-switch-time-02: 10s;
    --photo-switch-animation-name: photo-switch-16;
  }
}
.gallery-lineup__item--photo--wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  .gallery-lineup__item:has(.is-switch) & {
    &:not(.is-switch) {
      animation: var(--photo-switch-animation-name) calc(var(--photo-switch-time-01) + var(--photo-switch-time-02)) 0s infinite;
    }
  }
}
.gallery-lineup__item--photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-lineup__item--name {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min((192vw / var(--size-base)), 145px);
}
.is-layout-sp .gallery-lineup__item:is(.is-rectangle, :nth-child(n + 13 of:not(.is-rectangle))) {
  display: none;
}
@keyframes photo-switch-02 {
  0%, 45%, 100% {
    opacity: 1;
  }
  50%, 95% {
    opacity: 0;
  }
}
@keyframes photo-switch-04 {
  0%, 38%, 100% {
    opacity: 1;
  }
  44%, 94% {
    opacity: 0;
  }
}
@keyframes photo-switch-09 {
  0%, 61%, 100% {
    opacity: 1;
  }
  66%, 94% {
    opacity: 0;
  }
}
@keyframes photo-switch-14 {
  0%, 35%, 100% {
    opacity: 1;
  }
  41%, 94% {
    opacity: 0;
  }
}
@keyframes photo-switch-16 {
  0%, 26%, 100% {
    opacity: 1;
  }
  33%, 93% {
    opacity: 0;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
/*article*/
#article {
  background: #F8F7F5;
  padding: min((60vw / 3.75), 100px) 0;
}
#article .section__inner {
  width: 100%;
}
.article + .article {
  margin-top: min((40vw / 3.75), 55px);
  padding-top: min((40vw / 3.75), 44px);
  border-top: 1px dashed;
}
.article__title {
  width: var(--default-width);
  display: grid;
  align-items: center;
  gap: .25em min((18vw / 3.75), 18px);
  margin: 0 auto min((15vw / 3.75), 25px);
}
.is-pc .article__title {
  grid-template-columns: auto 1fr;
}
.article__title--logo {
  height: min((31vw / 3.75), 38px);
  width: auto;
}
.article__title--text {
  order: 1;
  font-size: min((18vw / 3.75), 22px);
  line-height: 1.2;
}
.article__block {
  max-width: var(--default-width-pc);
  overflow-x: auto;
  margin: auto;
  padding: 0 min((20vw / 3.75), 30px) 10px;
  box-sizing: content-box;
}
.is-pc .article__block {
  padding: 0 min((20vw / 3.75), 20px) 10px;
}
.article__list {
  display: grid;
  grid-auto-flow: column;
  gap: 0 16px;
}
.is-sp .article__list {
  width: var(--default-width-pc);
  grid-template-columns: 236px;
}
.article__item {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  background: #fff;
  font-size: 14px;
  box-shadow: var(--default-shadow);
}
.article__item > [class*="article__item--"]:not(.article__item--photo) {
  order: 1
}
.article__item--photo {
  width: 100%;
  height: 236px;
  object-fit: cover;
}
.article__item--title {
  color: #fff;
  background: #F25067;
  font-size: 12px;
  line-height: 1.2;
  padding: .2em 1em;
}
#tripIteasy .article__item--title {
  background: #014099;
}
.article__item--text {
  padding: 1em;
}
/*reco-banner*/
#reco-banner {
  padding: min((35vw / 3.75), 50px) 0;
  background: #fff;
  border-bottom: 2px solid #F2F2F2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
}
.is-pc #reco-banner {
  border-bottom: 3px solid #F8F3EE;
  box-shadow: var(--default-shadow);
}
.reco-banner__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min((15vw / 3.75), 30px);
}
.is-pc .reco-banner__list {
  grid-template-columns: repeat(4, 1fr);
  gap: min((14vw / 7.5), 12.75px);
}
.reco-banner__link {
  display: block;
}
/*banner-lineup*/
#banner-lineup {
  background: var(--default-color-black);
  padding: min((40vw / 3.75), 80px) 0;
}
.banner-lineup__list {
  display: flex;
  justify-content: center;
  gap: min((20vw / 3.75), 40px);
}
.banner-lineup__list--item--image {
  width: auto;
  height: min((50vw / 3.75), 75px);
}
/*★ ＝＝ searchArea（検索ボックスのレイアウト切り替えタイミングで変更） ＝＝ ★*/
/*search*/
#searchArea {
  padding-top: min((30vw / 3.75), 50px);
}
#search-mod::before {
  content: "目的や好みに合わせて旅の形が選べる！希望の条件で今すぐ検索！";
  display: block;
  font-size: min(var(--default-font-size-sp), 22px);
  text-align: center;
  margin-bottom: min((70vw / 9.92), 70px);
}
#pageApp.is-sp ~ #searchArea #search-mod::before {
  white-space: pre-wrap;
  content: "目的や好みに合わせて旅の形が選べる！\A希望の条件で今すぐ検索！";
  margin-bottom: 1.5em;
}
@media (min-width:741px) {
  #searchArea {
    padding: min((70vw / 9.92), 70px) 0;
  }
}
@media only screen and (orientation: landscape) and (max-width: 828px), only screen and (max-width: 740px) {
  #searchArea .rn-searchMod__formSection {
    padding-bottom: min((100vw / 7.5), 100px);
  }
}
#pageApp.is-device-tab ~ #searchArea {
  padding-bottom: min((86vw / 7.5), 86px);
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  /*通常*/
  .base-text-link, :is(.mv__button--item, .sec-title__button, .spot__select--item--button) .base-button__link, .product__list--inner, .area__item--link, .branch__item--link, .news__item--link, .article__item--link, .magazine__item--link, .reco-banner__link, .banner-lineup__list--item--link, .goTop__link {
    transition: var(--default-hover-transition);
    &:hover {
      opacity: var(--default-hover-opacity);
    }
  }
  /*base-button*/
  .base-button:not(:is(.mv__button--item, .sec-title__button, .spot__select--item--button)) .base-button__link {
    transition: background var(--default-hover-speed), color var(--default-hover-speed), border var(--default-hover-speed);
    &::after {
      transition: background var(--default-hover-speed);
    }
    &:hover {
      background: var(--default-color-red);
      color: #fff;
      border-color: var(--default-color-red);
      &::after {
        background: var(--default-icon-arrow-right-white);
      }
      &[target="_blank"]::after {
        background: var(--default-icon-blank-white);
      }
    }
  }
  /*base-banner*/
  .base-banner__image {
    transition: var(--default-hover-transition)
  }
  .base-banner__link:hover .base-banner__image {
    opacity: .7;
  }
  /*gnavi*/
  .page-navi__link::after {
    transition: var(--default-hover-transition)
  }
  .page-navi__link:hover::after {
    opacity: 1
  }
  .portal-navi__link {
    transition: background var(--default-hover-speed), color var(--default-hover-speed);
    &:hover {
      background: var(--default-color-red);
      color: #fff;
    }
  }
  /**/
  .section__navi--link, .section__navi--name {
    transition: background var(--default-hover-speed), color var(--default-hover-speed);
  }
  .section__navi--link:hover {
    background: var(--default-color-red);
    color: #fff;
  }
  .section__navi--link:hover .section__navi--name {
    color: #fff;
  }
}