@charset "utf-8";
/* 全国共通CSS（PCSP共通） */
/*↓背景固定のため設定↓*/
#header-new, .main, #topbuttonApp, #footer-new, #mainArea > .section__wrapper {
  position: relative;
}
.main, #mainArea > .section__wrapper, #footer-new {
  z-index: 2;
}
#topbuttonApp {
  z-index: 3;
}
.is-sp #hisApp.is-menu-open #topbuttonApp, .is-sp #hisApp.is-menu-open #header-new {
  z-index: -1;
}
#mainArea, #footerArea {
  position: relative;
  z-index: 1;
}
#mainArea > *, #footerArea > * {
  position: relative;
  z-index: 5;
}
#footerArea > #search {
  z-index: 6;
}
.is-pc .footer__region-selection {
  display: none;
}
/*.is-sp.is-top #hisApp, .is-sp #mainArea, .is-sp #footerArea, .is-sp #mainArea > .section__wrapper, .is-sp #footerArea > * {
  clip-path: inset(0);
}*/
.is-sp.is-top #hisApp /*, .is-sp #footerArea, .is-sp #footerArea > **/ {
  clip-path: inset(0);
}
/*↑背景固定のため設定↑*/
/*★ ＝＝ 変数設定 ＝＝ ★*/
body {
  --default-color-fair-main: #bb191b;
  --default-color-fair-main2: #bd1610;
  --default-color-fair-main3: #1d2088;
  --default-color-kokunai: #5db92e;
  --default-color-kaigai: #014099;
  --default-color-kokunai-dark: var(--default-color-kokunai);
  --default-color-kaigai-dark: var(--default-color-kaigai);
  --default-color-fair-sub: #13489d; /*未使用にする*/
  --default-color-bg: #f6e9cd;
  --default-color-main-bg: #fff8d4;
  --default-color-slide-icon: var(--default-color-fair-main2);
  --default-color-fair-gnavi: var(--default-color-fair-main);
  --default-color-fair-gnavi-active: #eec5c6;
  --default-color-fair-header-area: var(--default-color-fair-main);
  --default-color-fair-header-menu: var(--default-color-fair-main); /*黒以外の場合指定*/
  --default-color-buynow: var(--default-color-fair-main3); /*青以外の場合指定*/
  --default-color-product-select: var(--default-color-fair-main);
  --default-color-product-select-bg: color-mix(in srgb, var(--default-color-fair-main2) 15%, transparent);
  --default-color-product-select-border: transparent;
  --default-color-product-select-pc: var(--default-color-fair-main);
  --default-color-product-select-bg-pc: var(--default-color-fair-main);
  --default-color-product-select-bg-kaigai-theme: var(--default-color-fair-main);
  --default-color-pagenavi-bg-pc: color-mix(in srgb, var(--default-color-fair-main2) 60%, transparent);
  --default-color-pagenavi-active-bg-pc: var(--default-color-fair-main);
  --default-bg-menu-sp: rgba(0, 0, 0, .8);
  /*--default-bg-menu-sp: url("../images/sp/menu_photo.webp") repeat center top / 100%;*/
  --default-device-height: 100lvh; /*「100%/100vh」*/
  --product-fair-label: url("../images/product_label_fair.png");
  --mv-bg: var(--mv-bg-photo) no-repeat center bottom / cover;
  --page-ttl-bg: var(--default-color-fair-main3);
}
.is-sp {
  --breadcrumb-h: 30px;
  --default-bg-menulogo-sp: var(--menu-logo, url("../images/sp/menu_logo.png")) no-repeat center top var(--menu-logo-posi, calc(72vw / 7.5)) / var(--menu-logo-size, calc(538vw / 7.5));
  --menu-yohaku-top: calc(322vw / 7.5);
  --mv-logo: url("../images/mv_logo.png");
  --mv-logo-w: calc(666vw / 7.5);
  --mv-logo-h: calc(258vw / 7.5);
  --mv-kazari-photo: url("../images/sp/mv_kazari.png");
  --mv-circle-w: calc(350vw / 7.5);
  --mv-circle-h: var(--mv-circle-w);
  --mv-circle-posi-y: calc(28vw / 7.5);
  --navi-sub-content-bg-intensity: 80%;
  &.is-top {
    --mv-logo: url("../images/sp/mv_logo_top.png");
    --mv-logo-h: calc(275vw / 7.5);
    --mv-logo-posi: 0;
    --mv-circle-w: calc(380vw / 7.5);
    --mv-circle-h: calc(370vw / 7.5);
    --mv-circle-posi-y: calc(173vw / 7.5);
    #hisApp.is-close {
      --mv-kazari-posi-y: calc(18vw / 7.5);
      --mv-circle-posi-y: calc(220vw / 7.5);
      .header-mv:only-child {
        margin-top: calc(94vw / 7.5);
        min-height: calc(390vw / 7.5);
      }
    }
  }
}
.is-pc {
  --breadcrumb-h: 33px;
  --mv-logo: url("../images/mv_logo.png");
  --mv-logo-w: 666px;
  --mv-logo-h: 258px;
  --mv-bg-photo: url("../images/pc/mv_photo.webp");
  --mv-bg-size: 2386px;
  --mv-bg2-size: 701px;
  --mv-kazari-photo: url("../images/pc/mv_kazari.png");
  --mv-kazari-photo-size: 862px;
  --mv-circle-w: 350px;
  --mv-circle-h: var(--mv-circle-w);
  --mv-circle-posi-y: 13px;
  --footer-bg: url("../images/pc/footer_bg.webp");
  --footer-bg-size: 1920px;
  &.is-top {
    --mv-logo: url("../images/pc/mv_logo_top.png");
    --mv-logo-w: 568px;
    --mv-logo-h: 356px;
    --mv-logo-posi: 25px;
    --mv-bg-photo: url("../images/pc/mv_photo_top.webp");
    --mv-bg-size: 1920px;
    --mv-bg2-size: 664px;
    --mv-circle-w: 400px;
    --mv-circle-h: 390px;
    --mv-circle-posi-y: 28px;
  }
}
/*★ ＝＝ headerArea ＝＝ ★*/
.is-pc .header-obi {
  background: #fff;
}
#headerArea {
  position: relative;
  .time-code {
    z-index: 1;
    margin-top: calc(10vw / 7.5);
  }
  .is-sp & {
    background: url("../images/sp/mv_bg.png") no-repeat center var(--breadcrumb-h) / 100%;
    &:has(.header-mv: only-child) {
      --mv-kazari-posi: calc(100vw / 7.5);
    }
    .is-top & {
      background:
        url("../images/sp/mv_photo_top01.webp") no-repeat center var(--breadcrumb-h) / 100%, url("../images/sp/mv_photo_top02.webp") no-repeat center bottom / 100%, url("../images/sp/mv_bg.png") no-repeat center calc((140vw / 7.5) + var(--breadcrumb-h)) / 100%;
      .time-code {
        margin-top: calc(22vw / 7.5);
      }
    }
    .area__select--button {
      z-index: 2;
    }
  }
  .is-pc & {
    background: var(--mv-bg-photo) repeat center var(--breadcrumb-h) / var(--mv-bg-size);
    &::before {
      content: "";
      display: block;
      width: var(--mv-bg2-size);
      height: calc(100% - var(--breadcrumb-h));
      position: absolute;
      top: var(--breadcrumb-h);
      left: 50%;
      translate: -50% 0;
      background: url("../images/pc/mv_bg.png") no-repeat center top / 100%;
    }
    .time-code {
      max-width: 800px;
      margin-top: 0;
      .is-top & {
        margin-top: 19px;
      }
    }
  }
}
.mv__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  .is-sp & {
    margin-top: calc(-77vw / 7.5);
    padding-top: calc(51vw / 7.5);
    min-height: calc(406vw / 7.5);
    .is-top & {
      padding-top: calc(149vw / 7.5);
      padding-bottom: calc(140vw / 7.5);
    }
  }
  .is-pc & {
    padding: 15px 0;
    min-height: 375px;
    .is-top & {
      padding: 47px 0 26px;
      min-height: 450px;
    }
  }
  &::before, &::after {
    content: "" !important;
    display: block;
    position: absolute;
    left: 50%;
    translate: -50% 0;
  }
  &::before {
    top: var(--mv-kazari-posi-y, 0);
    width: 100%;
    height: 100%;
    background: var(--mv-kazari-photo) no-repeat center center / var(--mv-kazari-photo-size, 100%);
  }
  &::after {
    width: var(--mv-circle-w);
    height: var(--mv-circle-h);
    background: #fff;
    border-radius: 100%;
    top: var(--mv-circle-posi-y);
  }
  > * {
    position: relative;
    z-index: 1;
  }
}
.is-pc .mv__wrapper:has(.header-mv:only-child) {
  padding: 0 0 26px;
  .is-close & {
    padding: 0;
  }
}
.is-sp .mv__wrapper .header-mv ~ :is(#mv-slider, .time-code):last-child {
  padding-bottom: calc(32vw / 7.5);
}
.is-pc .header-mv {
  width: var(--default-width-pc);
  margin: auto;
}
.is-sp .header-mv:only-child {
  /*margin-top: calc(-45vw / 7.5);*/
  margin-bottom: auto;
}
.mv__inner {
  display: grid;
  justify-items: center;
  height: 100%;
}
.is-sp .mv__inner {
  gap: calc(21vw / 7.5);
}
.is-sp.is-top .mv__inner {
  gap: calc(16vw / 7.5);
}
.is-pc .mv__inner {
  gap: 10px;
}
.mv__logo {
  width: var(--mv-logo-w);
  height: var(--mv-logo-h);
  position: relative;
  background-image: var(--mv-logo);
  transform: translateX(var(--mv-logo-posi));
}
.is-pc .fair-navi.is-header {
  background: #fff;
  .fair-navi__wrapper:not(.is-fixed) {
    height: 76px;
    .fair-navi__inner, .fair-navi__contents--wrapper, .contents__list, .contents__list--main {
      height: 100%;
    }
    /*.contents__list--item:hover .contents__list--main:not(:only-child)::after {
    bottom: -1px;
  }
  .contents__list--sub {
    top: 71px;
  }*/
  }
}
/*ロゴ下あおり枠*/
.time-code {
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: calc(710vw / 7.5);
}
.is-sp .time-code {
  margin-top: calc(28vw / 7.5);
}
.time-code .is-font-small {
  font-size: calc(24em / 30);
}
.time-code__main {
  font-weight: bold;
  text-align: center;
  background: #fff;
  border: calc(2vw / 7.5) solid;
  border-radius: calc(14vw / 7.5);
  padding: calc(10vw / 7.5) calc(10vw / 7.5) calc(12vw / 7.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: calc(670vw / 7.5);
}
.is-sp #headerArea .time-code__main:only-child {
  margin-bottom: calc(7vw / 7.5);
}
.is-pc .time-code__main {
  border-radius: 15px;
  border-width: 2px;
  padding: 5px 40px 7px;
  min-width: 610px;
}
.time-code__main--title {
  font-size: calc(28vw / 7.5);
}
.is-pc .time-code__main--title {
  font-size: 18px;
}
.time-code__main--text {
  font-size: calc(34vw / 7.5);
}
.is-pc .time-code__main--text {
  font-size: 30px;
  line-height: 1.2;
}
.time-code__main--notes {
  font-size: calc(24vw / 7.5);
  font-weight: normal;
  margin-top: .4em;
}
.is-pc .time-code__main--notes {
  font-size: 14px;
}
#headerArea .time-code__sub {
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
.time-code__main + .time-code__sub {
  margin-top: .25em;
}
.time-code__table + .time-code__notes .time-code__notes--item {
  font-size: .8em;
  text-indent: -1em;
  padding-left: 1em;
}
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea {
  background: var(--default-color-main-bg);
}
:is(.is-sp, .is-pc) #mainArea {
  padding: 0;
  .is-close & {
    padding: 0;
  }
}
.is-sp #mainArea > .section__wrapper {
  padding: calc(60vw/ 7.5) 0 calc(120vw / 7.5);
}
.is-pc #mainArea > .section__wrapper {
  padding: 80px 0 110px;
}
.is-pc.is-top #mainArea > .section__wrapper {
  padding-top: 55px;
}
/*★ ＝＝ footerArea ＝＝ ★*/
.is-sp #footerArea {
  overflow: hidden;
  padding-bottom: 0;
}
.is-sp #footerArea > :last-child:not(#footer-guide) {
  padding-bottom: calc(80vw / 7.5);
}
#footerArea::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--default-device-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #4ea6ff var(--footer-bg, url("../images/sp/footer_bg.webp")) repeat center bottom / cover;
}
#footerArea.is-bg-fixed::before {
  position: fixed;
}
.is-close #footerArea {
  padding-bottom: 0;
}
.is-close .is-sp #footerArea::before {
  content: none;
}
/* =========
リセット
 /fair/assets/common/css/style.css
==*/
/*attention*/
.attention {
  border-color: var(--default-color-fair-main);
}
/*共通ボタン*/
.button-base__link {
  background: var(--default-color-fair-main2);
}
/*.button-base__link:not([class*="reservation"])::after {
  background-image: var(--default--image-icon-right-black);
}
.button-base__link:not([class*="reservation"])[target="_blank"]:not([href^="#"])::after {
  background-image: var(--default--image-icon-launch-black);
}*/
.is-pc .button-base__link {
  box-shadow: 0px 3px 0px 0px rgb(0 0 0 / .23);
}
/*spページタイトル*/
.is-sp .page__title {
  text-shadow: none;
  background: var(--page-ttl-bg);
  padding: calc(12vw / 7.5) calc(10vw / 7.5) calc(20vw / 7.5);
}
.is-sp .page__title--text {
  font-size: calc(47vw / 7.5);
}
.is-sp #headerArea .page__title--wrapper {
  padding-top: 0;
}
/*spメニューまわり*/
.is-sp .fair-navi--oepn {
  background-color: var(--default-color-fair-main);
}
.is-sp .area__select--button {
  color: #fff;
  background-color: var(--default-color-fair-main);
  background-image: var(--default--image-icon-down-white);
}
.is-sp .header-obi .area__list--wrapper, .is-sp .fair-navi__inner {
  padding-top: var(--menu-yohaku-top) !important;
}
.is-sp .header-obi .area__list--wrapper {
  background: var(--default-bg-menulogo-sp), var(--default-bg-menu-sp);
  padding-bottom: calc(85vw / 7.5);
}
.is-sp .is-header .fair-navi__inner, .is-sp .is-footer .fair-navi__inner {
  background: var(--default-bg-menulogo-sp);
}
.is-sp .is-header.is-open .fair-navi__wrapper {
  background: var(--default-bg-menu-sp);
}
.is-sp .is-header.is-open .fair-navi--oepn--wrapper {
  display: none;
}
.is-sp .is-header .fair-navi__inner {
  opacity: 0;
}
.is-sp .is-header.is-open .fair-navi__inner {
  opacity: 1;
}
/*.is-sp .area__list::before, .is-sp .contents__list::before {
  background: var(--default-color-product-select);
}
.is-sp .contents__list--item.is-sub-length {
  background: rgba(226, 213, 166, .85);
}*/
/*.is-sp .contents__list--item.is-sub-length .contents__list--main {
  color: #fff;
}
.is-sp .area__list--button::before, .is-sp .contents__list--item:not(.is-sub-length) .contents__list--main::before, .is-sp .contents__list--sub--link::before {
  background: var(--default-color-fair-main2);
}*/
.is-sp .area__list--close.is-bottom, .is-sp .fair-navi--close.is-bottom {
  background: var(--default-color-fair-main);
}
/*.is-sp .area__list--close.is-bottom::before, .is-sp .fair-navi--close.is-bottom::before {
  background-image: url("/cmn/icon/icon_close_black.svg");
}*/
/*pcヘッダー帯まわり*/
/*.is-pc .is-header .contents__list--sub--link {
  word-break: keep-all;
}*/
.is-pc .header-obi {
  height: 30px;
}
.is-pc .is-header .contents__list--item::before, .is-pc .is-header .contents__list--item:last-child::after {
  height: 70px;
}
.is-pc .is-header .contents__list--sub {
  background: var(--default-color-fair-gnavi);
}
.is-pc .is-header .is-active .contents__list--main {
  background-color: var(--default-color-fair-gnavi-active);
}
.is-pc .is-header .contents__list--item:hover .contents__list--main:not(:only-child)::after {
  border-color: transparent transparent var(--default-color-fair-gnavi) transparent;
}
.is-pc .is-header .contents__list--sub--link {
  border-color: #e5e7db;
}
.is-pc .area__list {
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .6);
}
.is-pc .header-obi__inner {
  align-items: center;
}
.is-pc .header-obi__menu {
  height: 100%;
  /*align-items: flex-end;*/
}
/*↓発地～会員登録ボタンスタイル変更↓*/
.is-pc .header-menus {
  gap: 6px;
}
.is-pc .header-menus__item:not(:last-child) {
  margin: 0;
}
.is-pc .header-menus__text {
  font-weight: bold
}
/*
.is-pc .header-area, .is-pc .header-menus__item:not(:last-child) {
  margin-right: 5px;
}
.is-pc .header-menus__text {
  border-radius: 0;
  padding: 0;
}
.is-pc .header-obi .area__select--button--text, .is-pc .header-menus__text {
  min-width: auto;
  border-radius: 0 0 5px 5px;
}
*/
.is-pc .header-menus__item.is-area .header-menus__text {
  padding: 0 .8em 0 1em;
}
.is-pc .header-menus__item:not(.is-area) .header-menus__text {
  padding: 0 1em 0 .8em;
}
.is-pc .header-menus__item.is-area .header-menus__text::after, .is-pc .header-menus__item:not(.is-area) .header-menus__text::before {
  background: var(--default-icon-right-white);
  width: 1em;
  height: 2em;
}
/*.is-pc .header-menus__item.is-member .header-menus__text {
  background: var(--default-color-fair-sub);
}
.is-pc .header-menus__item.is-schedule .header-menus__text {
  background: var(--default-color-fair-main);
}
.is-pc .header-menus__item.is-schedule .header-menus__text::before {
  background-image: var(--default--image-icon-right-black);
}*/
.is-pc .header-menus__item.is-area .header-menus__text::after {
  content: "";
  transform: rotate(90deg);
  margin-left: .5em;
  transition: transform var(--default-transition-speed);
}
.is-pc .header-menus__item.is-area .header-menus__link.is-open .header-menus__text::after {
  transform: rotate(-90deg);
}
.is-pc .header-menus__item:not(.is-area) .header-menus__text::before {
  margin-right: .5em;
}
/*↑発地～会員登録ボタンスタイル変更↑*/
.is-pc .is-header .area__select--button {
  background-color: var(--default-color-fair-header-area);
}
.is-pc .is-header .fair-navi__wrapper {
  border-color: #999;
  box-shadow: none;
}
.is-pc .is-header .fair-navi__wrapper {
  border-top-color: var(--default-color-fair-header-area);
}
/*PCグロナビ*/
.is-pc .is-header .fair-navi__area-menu {
  width: 145px;
}
.is-pc .is-header .area__select--button {
  width: 130px;
  padding-left: 20px;
}
/*PC追従ボタン*/
.is-sp .js-float-search-button .search-float__button {
  width: min(174vw / 7.5, (174px / 1.5));
  height: min(175vw / 7.5, (175px / 1.5));
}
.is-pc .js-float-search-button .search__button {
  width: 140px;
  height: 141px;
}
@media only screen and (max-width: 1365px) {
  .is-pc .js-float-search-button:not(.is-fixed) {
    display: none !important;
  }
}
/*PCフッターまわり*/
.is-pc .banner__reco {
  background: #fff;
}
.is-pc .banner__reco--inner {
  box-shadow: 0px 0px 0px 4px #fff;
}
.is-pc #search {
  background: var(--search-bg) no-repeat center top / var(--default-bg-size-pc);
}
/*会員登録系のボタン*/
.is-pc .header-menus__link {
  height: 100%;
}
.is-pc .entry {
  margin-top: 0;
}
.is-pc .entry__wrapper {
  margin-top: 50px;
}
#headerArea .entry__title {
  color: #000;
}
#headerArea .entry__title::before, #headerArea .entry__title::after {
  background: #000;
}
.is-pc #mainArea .entry__title {
  font-weight: 900;
}
.is-pc .entry__button--wrapper.is-image-wrapper .entry__button {
  width: 400px;
}
/*mainAera余白*/
/*.is-pc #mainArea > .section__wrapper {
  padding-top: 100px;
}*/
/*mainAreaスケジュールテーブル*/
/*.time-code__table--title {
  background: var(--default-color-fair-main);
}
.is-pc .time-code__table {
  border-color: var(--default-color-fair-main);
}*/
.time-code__table {
  border: 1px solid;
}
.time-code__table.is-simple {
  border: 1px solid #666 !important;
  background: rgba(255, 255, 255, .75);
}
.product__title + .time-code .time-code__table.is-simple {
  margin-top: 0;
}
/* =========
リセット
 /fair/assets/common/product/style.css
==*/
/*TOPのスライド部分*/
#hisApp :is(.slide-reco-banner, .tour-navi__wrapper.js-slider-tourdstnavi) {
  --default-color-main-bg: var(--main-bg);
}
/*↓NEWアイコン 表示しない場合コメントアウト解除↓
 -- アイコン表示＝コメントアウト -- */
/**/
.product__list--item .product__list--label--new {
  display: none !important;
}
/*↑NEWアイコン 表示しない場合コメントアウト解除↑*/
/**/
/*ラベル系*/
.product__list--label--fair {
  background-image: var(--product-fair-label);
}
/*.product__list--label--fair, .product__contents[id*=impresso] .product__list--label--fair, .product__contents[id*=ippin] .product__list--label--fair, .product__list[class*=ippin] .product__list--label--fair {
  display: none !important;
}*/
.is-sp .product__list--label > .product__list--label--fair {
  border: none;
  padding: 0;
}
.product__list--point.is-color-gold, .is-pc .media.ONLINE .tour_gross::before, .is-sp .media-badge, .is-pc .media .tour_label, .is-sp .media .labelText, .is-sp .media-label {
  background: var(--default-color-red2);
}
/*見出し アイコン比率SPw78・PCw48基準・高さだけ画像サイズあわせ*/
.product__wrapper .product__title {
  --icon-size-h: calc(150vw / 7.5);
  .is-pc .product__contents & {
    min-height: var(--icon-size-h);
  }
  .is-pc & {
    --icon-size-h: 92px;
  }
  &::before, &::after {
    height: var(--icon-size-h);
    background: var(--default-title-kazari-img) var(--default-norepeat-contain);
  }
  &::before {
    --default-title-kazari-img: url(../images/title_deco_kazari_L.svg);
  }
  &::after {
    --default-title-kazari-img: url(../images/title_deco_kazari_R.svg);
  }
}
/*絞り込みボタン系*/
.is-sp .filter__title, .is-sp .anchor__title, .is-sp .select__title {
  color: #000;
}
.is-sp .product__lineup--select.is-type-accordion .select__title::after {
  background-image: url("/cmn/icon/icon_add_black.svg");
}
.is-sp .product__lineup--select.is-type-accordion .select__title.is-open::after {
  background-image: url("/cmn/icon/icon_remove_black.svg");
}
.is-sp .product__lineup--filter, .is-sp .product__lineup--anchor, .is-sp .product__lineup--select {
  background: var(--default-color-product-select-bg);
}
.is-sp .product__lineup--filter, .is-sp .product__lineup--anchor, .is-sp .product__lineup--select, .is-sp .product__list--block-subtitle-list--item {
  border-color: var(--default-color-product-select-border);
}
/*.is-sp .select__list--text::before {
  border-color: #adadad;
}*/
.is-sp .is-all .select__list--text::before {
  border-color: var(--default-color-product-select);
}
.is-sp .filter__list--item[class*="active"] {
  background: var(--default-color-product-select);
  /*color: #000;
}
.is-sp .filter__list--item[class*="active"]::after {
  background-image: url(/cmn/icon/icon_arrow_down_black.svg);*/
}
/**/
.is-pc .filter__title, .is-pc .select__title {
  background: var(--default-color-product-select-bg-pc);
}
.is-pc .filter__list--item[class*="active"], .is-pc .is-all .select__list--text::before {
  background: var(--default-color-product-select-pc);
}
.is-pc .is-all .select__list--text::before, .is-pc .select__list {
  border-color: var(--default-color-product-select-pc);
}
.is-pc .select__list--text::after {
  color: var(--default-color-product-select-pc);
}
.is-pc .product__lineup--filter ~ .product__lineup--select {
  border-color: rgba(98, 120, 8, .2);
}
.is-pc .product__lineup--select--wrapper .product__lineup--select:not(:first-of-type) .select__title::after, .is-pc .product__lineup--filter ~ .product__lineup--select .select__title::after, .is-pc .filter__title::after {
  border-color: transparent transparent transparent var(--default-color-product-select-bg-pc);
}
.is-pc .product__lineup .product__title--inner {
  padding-bottom: .25em;
}
/*ツアー下層の階層並列ボタン*/
.is-pc .tour-page-navi__list--link {
  background: var(--default-color-pagenavi-bg-pc);
}
/*.is-pc.is-fnl .tour-page-navi__list--link {
  border-bottom: none;
  filter: drop-shadow(2px 3px 0px rgba(0, 0, 0, .15));
}*/
.is-pc .tour-page-navi__list--item[class*="-active"] .tour-page-navi__list--link, .is-pc.is-kaigai .tour-page-navi__list--item[class*="-active"] .tour-page-navi__list--link {
  background: var(--default-color-pagenavi-active-bg-pc);
  color: #fff;
}
.is-pc .tour-page-navi__list--item[class*="-active"] .tour-page-navi__list--link::after, .is-pc.is-kaigai .tour-page-navi__list--item[class*="-active"] .tour-page-navi__list--link::after {
  border-color: var(--default-color-pagenavi-active-bg-pc) transparent transparent transparent;
}
.is-sp .tour-page-navi__list--item[class*="toggle"][class*="-active"]::after {
  border-color: #234a9e transparent transparent transparent;
}
.is-sp .tour-page-navi__list--item.is-kokunai[class*="toggle"] {
  background: var(--default-color-kokunai-dark);
}
.is-sp .tour-page-navi__list--item.is-kokunai[class*="toggle"][class*="-active"]::after {
  border-color: var(--default-color-kokunai-dark) transparent transparent transparent;
}
.is-sp .tour-page-navi__list--item.is-kaigai[class*="toggle"] {
  background: var(--default-color-kaigai);
}
.is-sp .tour-page-navi__list--item.is-kaigai[class*="toggle"][class*="-active"]::after {
  border-color: var(--default-color-kaigai) transparent transparent transparent;
}
/*海外ツアーTOP黒帯テキスト・アジビ枠＆香港枠は都市名表示*/
.section:not(.is-timesale) .product__contents[id*="product-asia"], .section.is-timesale .product__contents[id*="product-beach"], .product__list--type:has(.product__list--type--text.is-city:is([data-city-name="香港"], [data-city-name="マカオ"])) {
  .product__list--type--text.is-country {
    display: none;
  }
  .product__list--type--text.is-city {
    display: block;
  }
}
/*PC海外下層見出し*/
.is-pc .product__title--wrapper .product__title {
  height: auto;
  min-height: 213px;
  display: grid;
  justify-content: normal;
  grid-template-rows: 12px 1fr 12px;
  padding: 1px 0;
}
.is-pc .product__title--wrapper .product__title::before, .is-pc .product__title--wrapper .product__title::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/pc/bg_pattern_cross.png") repeat-x 0 0 / 12px;
}
.is-pc .product__title--wrapper .product__title--inner {
  height: 100%;
  display: block;
}
.is-pc .product__title--wrapper .product__title--texts {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  padding: 30px 10px;
  font-weight: 800;
}
.is-pc .product__title--wrapper .product__title--sub-text {
  font-size: 20px;
  margin-bottom: 0;
}
.is-pc .product__title--wrapper .product__title--main-text {
  font-size: 50px;
  line-height: 1.2;
  display: grid;
  align-items: center;
}
.is-pc #product-glamping .product__title {
  &::before, &::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  &::before {
    left: 0;
    background-position: left center;
  }
  &::after {
    right: 0;
    background-position: right center;
  }
  .product__title--main-text {
    font-size: 31px;
    font-feature-settings: "palt";
  }
}
.product__contents .heading-search {
  --default-color-product-select-border: #d83800;
  background: var(--default-color-product-select-bg);
  color: #000;
  border: 1px solid var(--default-color-product-select-border);
  border-left: none;
  border-right: none;
}
.is-pc .product__contents .heading-search {
  background: var(--default-color-fair-main2);
  color: #fff;
  border: none;
}
.is-sp .section__wrapper > .section:not(:first-child) .heading-search {
  margin-top: calc(46vw / 7.5);
}
.is-pc .section__wrapper > .section:not(:first-child) .heading-search {
  margin-top: 22px;
}
.media-btn {
  background: var(--default-color-red) !important;
}
/*PC海外ツアーコンセプトページ*/
.is-pc .product__block--wrapper {
  margin-top: 30px;
  padding-top: 0;
}
.is-pc #product.is-theme .product__block--navis[class*="toggle"] {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: inherit;
  gap: 20px 10px;
}
#product-family .product-text-image.is-type-link {
  background: none;
}
#product-family .product__lineup ~ .product-text-image.is-type-link {
  background: #fff;
}
/*カセット境界線*/
/*.is-pc.is-kaigai .media .tour_box_inner, .is-pc.is-kaigai .product__list--inner {
  border: 1px solid #c4c4c4;
}*/
.is-sp.is-kaigai .media .js-search, .is-sp.is-kaigai .product__list--inner {
  border: calc(2vw / 7.5) solid #c4c4c4;
}
.is-pc .media .tour_box_wrap, .is-pc .product__list:not(.is-koukoku) .product__list--inner, .is-pc .product__list.is-koukoku .product__list--item {
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .23);
  border: 1px solid rgba(0, 0, 0, .23);
}
/*PC海外ツアー下層＋IMP：pickupカセット*/
.is-kaigai .product__list--item.is-pickup-select .product__list--inner {
  background: #fff688;
}
.is-kaigai .product__list--item.is-pickup-select .product__list--type {
  font-weight: bold;
  /*background: #ffe700;
  color: #378bb1;*/
}
.is-kaigai .product__list--item.is-pickup-select .product__list--recos--item {
  background: #e3e3e3;
}
/*海外コンセプトページ*/
.is-pc #product.is-theme .product__block--wrapper {
  margin-top: 50px;
}
.is-sp #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item {
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  color: inherit;
  border: 2px solid #000;
}
.is-sp #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item[class*="active"] {
  background: var(--default-color-product-select-bg-kaigai-theme);
  color: #fff;
}
.is-sp #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item:not([class*="active"])::after {
  background-image: var(--default--image-icon-down-black);
}
.is-pc #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item[class*="active"] {
  background: var(--default-color-product-select-bg-kaigai-theme);
}
.is-pc #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item[class*="active"]::after {
  border-color: var(--default-color-product-select-bg-kaigai-theme) transparent transparent transparent
}
.is-pc #product.is-theme .product__block--button {
  margin-bottom: 68px;
}
.is-sp #product.is-theme .product__title.is-type-image {
  width: 100vw;
  margin-left: calc(-20vw / 7.5);
  margin-top: calc(50vw / 7.5);
}
.is-pc #product.is-theme .product__title.is-type-image {
  margin-bottom: 50px;
}
.is-sp #product.is-theme .product__block + .product__block {
  margin-top: calc(155vw / 7.5);
}
.is-pc #product.is-theme .product__block + .product__block {
  margin-top: 100px;
}
.is-sp #product.is-theme .product__lineup--item, .is-sp #product.is-theme .product__block--button {
  margin-top: calc(60vw / 7.5);
}
.is-pc #product.is-theme .product__block {
  display: grid;
}
.is-pc #product.is-theme .product__block .product-text-image {
  margin-left: auto;
  margin-right: auto;
}
.is-sp #product.is-theme .product__block--button {
  margin-bottom: calc(96vw / 7.5);
}
.is-sp #product.is-theme .product__block .product__title {
  margin-top: 0;
}
.is-sp #product.is-theme .product__block .product__title--main-text {
  font-size: calc(42vw / 7.5);
}
.is-pc #product.is-theme .product__block .product__title--inner {
  margin: 0 15px;
}
.is-pc #product.is-theme .product__block .product__title--main-text {
  font-size: 32px;
  line-height: 1.2;
}
#product.is-theme .product__block--button .button-base__link {
  background: #a58700;
}
.is-sp #product.is-theme .product__block--button .button-base__link {
  border-radius: calc(10vw / 7.5);
  font-size: calc(22vw / 7.5);
  display: grid;
  justify-items: center;
  justify-content: center;
  grid-template-rows: 1fr .5em;
  gap: .75em;
  padding: .75em .25em;
  box-shadow: 0px calc(5vw / 7.5) 0px 0px rgba(0, 0, 0, 0.5);
}
.is-sp #product.is-theme .product__block--button .button-base__text {
  font-size: 1em;
  display: grid;
  justify-content: center;
  align-items: center;
}
.is-pc #product.is-theme .product__block--button .button-base__link {
  border-radius: 20px;
  font-size: 18px;
  padding: .75em;
  box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.23);
}
.is-sp #product.is-theme .product__title + .product-text-image {
  margin: calc(40vw / 7.5) 0 calc(60vw / 7.5);
}
.is-pc #product.is-theme .product__lineup + .product-text-image {
  margin-top: 60px;
}
/*ツアー●●から選ぶ枠*/
.tour-navi__wrapper {
  /*background: rgba(255, 255, 255, .8);*/
  background: none;
  &.js-slider-tourdstnavi {
    padding-top: 0 !important;
  }
  &:not(.js-slider-tourdstnavi) {
    background: rgba(255, 255, 255, .5);
  }
}
.tour-navi__wrapper:has(.tour-navi__purpose) {
  display: grid;
  .tour-navi__maindst {
    order: 2;
    margin-top: var(--yohaku)
  }
  .tour-navi__purpose {
    margin-top: 0;
  }
}
/*↓上5個：下3個にしたいので余白追加*/
.is-pc.is-kaigai:is(.is-hotels, .is-activities) .tour-navi__wrapper:not(.js-slider-tourdstnavi):has(.tour-navi__list--item:nth-child(7)) {
  padding-left: 50px;
  padding-right: 50px;
}
.is-pc.is-kaigai .tour-navi__wrapper:not(.js-slider-tourdstnavi) .tour-navi__purpose:has(.tour-navi__list--item:nth-child(7)) {
  padding-left: 80px;
  padding-right: 80px;
}
/* =========
リセット
 /fair/assets/common/css/reservation.css
==*/
.is-pc .guide__contents .notes__wrapper {
  text-align: left;
}
/*.is-sp .guide__title, .guide__contents--alert--target {
  background: var(--default-color-kaigai);
}
.guide__contents--alert--texts {
  border-color: var(--default-color-kaigai);
}*/
.guide__contents--alert--item::before {
  color: #ffcc00;
}
/*↓タブ色変更時↓*/
.is-pc .reservation-list__navi .reservation-button__link {
  background: #ffcc00;
}
/*.is-type-tab .guide__list--item:not([class*="--active"]) {
  background: var(--default-color-kaigai);
}
.is-type-tab :is(.guide__list--wrapper, .guide__list--item), .is-pc .guide__contents {
  border-color: var(--default-color-kaigai);
}*/
/*↑タブ色変更時↑*/
/* =========
ホバー設定
==*/
@media (hover : hover) and (pointer : fine) {
  /*obi*/
  .is-pc .is-header .contents__list--item:hover .contents__list--main, .is-pc .is-header .contents__list--sub--link:hover {
    background-color: var(--default-color-fair-gnavi-active);
  }
  .is-pc .header-menus__link .header-menus__text {
    transition: var(--default-transition-hover);
  }
  .is-pc .header-menus__link:hover .header-menus__text {
    opacity: .8;
  }
  .is-pc .header-obi .area__select--button--text:hover, .is-pc .header-menus__text:hover {
    background-color: color-mix(in srgb, var(--default-color-fair-header-menu) 90%, white);
  }
  /*
  .is-pc .header-menus__link:hover .header-menus__text {
    background: var(--default-color-fair-header-menu-hover);
  }
  .is-pc .header-menus__item.is-member .header-menus__link:hover .header-menus__text {
    background: var(--default-color-red2);
  }
  .is-pc .header-menus__link:hover::before {
    border-color: transparent transparent var(--default-color-fair-header-menu-hover) transparent;
  }
  .is-pc .header-menus__link:hover::after {
    border-color: var(--default-color-fair-header-menu-hover) transparent transparent transparent;
  }
  .is-pc .is-member .header-menus__link:hover::before {
    border-color: transparent transparent var(--default-color-fair-header-menu-member-hover) transparent;
  }
  .is-pc .is-member .header-menus__link:hover::after {
    border-color: var(--default-color-fair-header-menu-member-hover) transparent transparent transparent;
  }
  */
  /*絞り込みボタン系*/
  .is-pc .anchor__list--link:hover, .is-pc .filter__list--item:hover {
    background: var(--default-color-product-select-pc);
  }
  /*ツアー下層の階層並列ボタン*/
  .is-pc .tour-page-navi__list--link:hover, .is-pc.is-kaigai .tour-page-navi__list--link:hover {
    background: var(--default-color-pagenavi-active-bg-pc);
    color: #fff;
  }
  /*おすすめ特集バナー*/
  .is-pc .banner__reco--inner:hover {
    box-shadow: 0px 0px 0px 4px var(--default-color-fair-main);
  }
  /*スペシャル版施策バナー*/
  .is-pc .shisaku-special__link {
    display: block;
  }
  .is-pc .shisaku-special__link[href]:hover {
    transform: translateY(-5px);
  }
  .is-pc .mv__revenge-button:hover, .is-pc .shisaku-special__more:hover {
    transform: translateX(5px);
  }
  /*コンセプトページ*/
  .is-pc #product.is-theme .product__block--navis[class*="toggle"] .product__block--navis--item:hover {
    background: var(--default-color-product-select-bg-kaigai-theme);
  }
}