@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: #014099;
  --default-color-fair-main2: #00b8c8;
  --default-color-fair-main3: #ff5d38;
  --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-main);
  --default-color-fair-header-area: var(--default-color-fair-main);
  --default-color-fair-gnavi-active: #d9fcff;
  --default-color-fair-header-menu: var(--default-color-fair-main3); /*黒以外の場合指定*/
  --default-color-buynow: var(--default-color-fair-main3); /*青以外の場合指定*/
  --default-color-product-select: var(--default-color-fair-main);
  --default-color-product-select-bg: rgba(255, 255, 255, .5);
  --default-color-product-select-border: #d6b996;
  --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: var(--default-color-fair-main2);
  --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」*/
  --mv-bg: var(--mv-bg-photo) no-repeat center bottom / cover;
}
.is-sp {
  --menu-yohaku-top: calc(322vw / 7.5);
  --menu-logo: var(--menu-logo-white);
  --mv-logo-posi: 0;
  --main-bg: var(--main-bg-url) repeat 0 0 / calc(100vw / 7.5);
  .fair-navi.is-footer {
    --menu-logo: var(--menu-logo-blue);
  }
  .fair-navi__inner, .area__list--wrapper {
    --default-bg-menulogo-sp: var(--menu-logo) no-repeat center top var(--menu-logo-posi, calc(92vw / 7.5)) / var(--menu-logo-size, calc(704vw / 7.5));
  }
  .area__list {
    --navi-title-bg: var(--default-color-fair-header-menu);
  }
}
.is-pc {
  --mv-logo-h: 177px;
  --mv-logo-posi: 0;
  --main-bg: var(--main-bg-url) repeat 0 0 / 100px;
}
/*第1弾*/
body:not(.is-fnl) {
  --default-color-fair-gnavi: var(--default-color-fair-main);
  --default-title-kazari: url("../images/title_deco_kazari.svg") var(--default-norepeat-contain);
  --mv-logo: url("../images/mv_logo.webp");
  --product-fair-label: url("../images/product_label_fair.png");
  --menu-logo-white: url("../images/menu_logo_white.webp");
  --menu-logo-blue: url("../images/menu_logo_blue.webp");
  --main-bg-url: url("/fair/sss/assets/common/images/main_bg.png");
}
.is-sp:not(.is-fnl) {
  --mv-logo-w: calc(673vw / 7.5);
  --mv-logo-h: calc(156vw / 7.5);
  --mv-bg-photo: url("../images/sp/mv_bg.webp");
  --page-ttl-bg: var(--default-color-fair-main2);
}
.is-pc:not(.is-fnl) {
  --mv-logo-w: 771px;
  --mv-bg-photo: url("../images/pc/mv_bg.webp");
  --search-bg: #40cde9 url("../images/pc/search_bg.webp");
}
/*第1弾__TOP*/
.is-sp:has(.js-swiper-container) {
  --mv-bg-photo: url("../images/sp/mv_bg_top.webp");
}
.is-pc:has(.js-swiper-container) {
  --mv-bg-photo: url("../images/pc/mv_bg_top.webp");
}
/*第1弾__下層*/
/*.is-sp:is(.is-top, .is-teaser):not(.is-fnl) {
}*/
/*.is-pc:not(.is-top):not(.is-teaser):not(.is-fnl) {
}*/
/*FNL*/
body.is-fnl {
  --default-color-fair-gnavi: var(--default-color-fair-main2);
  --default-title-kazari: url("../images/title_deco_kazari_fnl.webp") var(--default-norepeat-contain);
  --mv-logo: url("../images/mv_logo_fnl.webp");
  --product-fair-label: url("../images/product_label_fair_fnl.png");
  --menu-logo-white: url("../images/menu_logo_white_fnl.webp");
  --menu-logo-blue: url("../images/menu_logo_blue_fnl.webp");
  --main-bg-url: url("../images/main_bg_fnl.png");
}
.is-sp.is-fnl {
  --mv-logo-w: calc(656vw / 7.5);
  --mv-logo-h: calc(152vw / 7.5);
  --mv-bg-photo: url("../images/sp/mv_bg_fnl.webp");
  --menu-logo-posi: calc(95vw / 7.5);
  --menu-logo-size: calc(673vw / 7.5);
  --page-ttl-bg: var(--default-color-fair-main);
}
.is-pc.is-fnl {
  --mv-logo-w: 770px;
  --mv-bg-photo: url("../images/pc/mv_bg_fnl.webp");
  --search-bg: #c1dee2 url("../images/pc/search_bg_fnl.webp");
  --menu-logo-blue-size: 460px;
}
/*FNL__TOP*/
.is-sp.is-fnl:has(.js-swiper-container) {
  --mv-bg-photo: url("../images/sp/mv_bg_top_fnl.webp");
}
.is-pc.is-fnl:has(.js-swiper-container) {
  --mv-bg-photo: url("../images/pc/mv_bg_top_fnl.webp");
}
/*★ ＝＝ headerArea ＝＝ ★*/
.is-pc .header-obi {
  background: #fff;
}
/*↓PCのTOPのみMV背景設定↓*/
.is-pc.is-top:not(:has(.is-close)) #hisApp::before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: min(var(--default-device-height), 1000px);
  top: 0;
  left: 0;
  z-index: -2;
  background: var(--mv-bg)
}
/*↑PCのTOPのみMV背景設定↑*/
/*↓SP＋PC下層MV背景設定↓*/
.is-sp #headerArea {
  background: var(--mv-bg);
  &:has(.js-swiper-container) {
    background: var(--mv-bg), var(--main-bg);
  }
  #hisApp.is-close & {
    background-position-y: top;
  }
}
.is-pc:is(:not(.is-top), .is-top:has(.is-close)) .mv__wrapper {
  background: var(--mv-bg)
}
/*↑下層MV背景設定↑*/
.mv__wrapper {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  .is-sp & {
    margin-top: calc(13vw / 7.5); /* 59 + 18（発地ボタン上の余白分） */
    min-height: calc(336vw / 7.5);
    &:has(.js-swiper-container) {
      min-height: calc(756vw / 7.5);
    }
    /*&:has(.js-swiper-container) {
      margin-top: calc(121vw / 7.5);
      .is-fnl & {
        margin-top: calc(136vw / 7.5);
      }
    }*/
  }
  .is-pc & {
    padding: 57px 0 15px;
    min-height: 375px;
    &:has(.js-swiper-container) {
      --mv-kazari-size: 601px;
    }
    &::before {
      content: "";
      width: max(100%, var(--mv-kazari-base-w));
      height: 100%;
      display: block;
      position: absolute;
      transform: translateX(-50%);
      left: 50%;
    }
  }
  .is-pc:not(.is-fnl) & {
    --mv-kazari-size: 406px;
    --mv-kazari-base-w: 1920px;
    &:has(.js-swiper-container) {
      --mv-kazari-size: 601px;
    }
    &::before {
      top: 0;
      background: url(../images/pc/mv_kazari_left.webp) no-repeat left top / var(--mv-kazari-size), url(../images/pc/mv_kazari_right.webp) no-repeat right top / var(--mv-kazari-size);
    }
  }
  .is-pc.is-fnl & {
    --mv-kazari-size: 628px;
    --mv-kazari-base-w: 2182px;
    &:has(.js-swiper-container) {
      --mv-kazari-base-w: 2224px;
      --mv-kazari-size: 738px;
    }
    @media(width <=1280px) {
      &, &:has(.js-swiper-container) {
        --mv-kazari-base-w: 1748px;
      }
    }
    &::before {
      bottom: 0;
      background: url("../images/pc/mv_kazari_left_fnl.webp") no-repeat left bottom / var(--mv-kazari-size), url(../images/pc/mv_kazari_right_fnl.webp) no-repeat right bottom / var(--mv-kazari-size);
    }
  }
}
.is-pc .mv__wrapper:has(.header-mv:only-child) {
  padding: 0;
}
.is-sp .mv__wrapper .header-mv ~ :is(#mv-slider, .time-code):last-child {
  padding-bottom: calc(20vw / 7.5);
  .mv__wrapper:has(.js-swiper-container) & {
    padding-bottom: calc(35vw / 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);
}
.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, calc(673vw / 7.5));
  height: var(--mv-logo-h, calc(156vw / 7.5));
  position: relative;
  background-image: var(--mv-logo);
  transform: translateX(var(--mv-logo-posi, calc(7vw / 7.5)));
}
/*↓クローズ時TOPのMV調整↓*/
.is-pc .is-close .header-mv {
  margin-top: 0;
}
.is-pc .is-close .mv__wrapper {
  align-content: center;
  min-height: 430px;
  padding: 0;
}
/*.is-sp.is-top .is-close #headerArea {
  min-height: calc(950vw / 7.5);
}
.is-sp.is-top .is-close .header-obi {
  position: relative;
}
.is-sp.is-top .is-close .mv__wrapper {
  margin-top: calc(210vw / 7.5);
}
.is-sp.is-top .is-close #headerArea .time-code {
  margin-top: calc(73vw / 7.5);
}
.is-sp .is-close #mainArea > .section__wrapper {
  padding: 0 0 calc(200vw / 7.5);
}
*/
.is-pc .is-close #mainArea > .section__wrapper {
  padding-bottom: 0;
}
/*↑クローズ時TOPのMV調整↑*/
/*ロゴ下あおり枠*/
.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);
}
#headerArea .time-code {
  z-index: 1;
}
.is-sp #headerArea .time-code {
  margin-top: calc(29vw / 7.5);
  .mv__wrapper:has(.js-swiper-container) & {
    margin-top: calc(31vw / 7.5);
  }
}
.is-pc #headerArea .time-code {
  max-width: 800px;
  margin-top: 24px;
}
.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::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--default-device-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--default-color-main-bg) !important;
}
.is-sp #mainArea::before {
  background: var(--main-bg);
}
.is-pc #mainArea::before {
  background:
    url("../images/pc/main_bg_kazari_right.webp") no-repeat top right / 960px, url("../images/pc/main_bg_kazari_left.webp") no-repeat top left / 922px, var(--main-bg);
}
#mainArea.is-bg-fixed::before {
  position: fixed;
}
:is(.is-sp, .is-pc) #mainArea {
  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;
}
/*スペシャル版施策バナー・修正時コメントアウト解除*/
.shisaku-special {
  --shisaku-special-bg: rgba(0, 188, 215, .3);
  background: var(--shisaku-special-bg-img, url("../images/shisaku_special_bg.png")) no-repeat center top / var(--shisaku-special-bg-img-size, min((992vw / 7.5), 992px)), linear-gradient(to bottom, transparent 0%, transparent var(--shisaku-special-bg-transparent-eng), var(--shisaku-special-bg) var(--shisaku-special-bg-transparent-eng), var(--shisaku-special-bg) 100%);
  border: var(--shisaku-special-base-bs, calc(3vw / 7.5)) solid #fff;
  .is-pc & {
    --shisaku-special-bg-img-size: 992px;
  }
  .is-fnl & {
    --shisaku-special-bg: rgba(21, 154, 240, .5);
    --shisaku-special-bg-img: url("../images/shisaku_special_bg_fnl.png");
  }
}
.is-sp .shisaku-special {
  --shisaku-special-bg-transparent-eng: calc(100% - (100% - (470vw/ 7.5)));
  .is-kaigai & {
    --shisaku-special-yohaku: calc(29vw / 7.5) 0 calc(38vw / 7.5);
    --shisaku-special-ttl-w: calc(656vw / 7.5);
    --shisaku-special-ttl-mb: calc(39vw / 7.5);
  }
}
.is-pc .shisaku-special {
  box-shadow: 0px 0px 15px 0px rgba(190, 143, 89, .3);
  --shisaku-special-base-bs: 3px;
  /*--shisaku-special-base-yohaku: 42px 0 28px;*/
  --shisaku-special-yohaku: 26px 0 25px;
  --shisaku-special-bg-transparent-eng: calc(100% - (100% - 470px));
  /*--shisaku-special-bg: url("../images/pc/shisaku_special_bg2.png");*/
  --shisaku-special-ttl-mb: 25px;
  --shisaku-special-ttl-w: auto !important;
  --shisaku-special-list-gap: 9px;
  --shisaku-special-more-w: auto !important;
  --shisaku-special-more-yohaku: 21px 17px 0 0;
  .is-kaigai & {
    --shisaku-special-yohaku: 22px 0 25px;
    --shisaku-special-ttl-mb: 19px;
  }
}
.shisaku-special:has(.shisaku-special__title--image[src*="_ultracoupon"]) {
  .is-pc & {
    --shisaku-special-yohaku: 7px 0 25px;
  }
}
.is-sp .section:first-of-type .shisaku-special {
  margin-top: calc(33vw / 7.5);
}
.is-sp .product-text-image + .shisaku-special {
  margin-top: calc(-40vw / 7.5);
}
.is-pc .product-text-image + .shisaku-special {
  margin-top: -30px;
}
.shisaku-special__inner {
  /*background: var(--shisaku-special-bg, url("../images/sp/shisaku_special_bg2.png")) no-repeat center top / 100%;*/
  padding: var(--shisaku-special-yohaku, calc(37vw / 7.5) 0 calc(38vw / 7.5));
  display: grid;
  justify-items: center;
  position: relative;
  z-index: 1;
}
.shisaku-special__title {
  margin-bottom: var(--shisaku-special-ttl-mb, calc(46vw / 7.5));
  width: var(--shisaku-special-ttl-w, calc(684vw / 7.5));
  .is-sp & {
    transform: translateX(calc(3.5vw / 7.5));
    .is-kaigai & {
      transform: translateX(calc(4.5vw / 7.5));
    }
  }
}
.shisaku-special__list {
  display: grid;
  text-align: center;
  gap: var(--shisaku-special-list-gap, calc(17vw / 7.5));
}
.is-sp .shisaku-special__list {
  grid-template-columns: repeat(2, 1fr);
  margin: 0 calc(23vw / 7.5) 0 calc(29vw / 7.5);
}
.is-pc .shisaku-special__list {
  grid-template-columns: repeat(4, 228px);
  margin-left: 3px;
}
.is-sp .shisaku-special__item:is(.is-column-full, .is-column-half) {
  grid-column: span 2;
}
.is-pc .shisaku-special__item.is-column-full {
  grid-column: span 4;
  margin-left: 3px;
}
.is-pc .shisaku-special__item.is-column-half {
  grid-column: span 2;
  margin-left: 1.5px;
}
.is-pc .shisaku-special__link, .is-pc .shisaku-special__more {
  transition: transform .1s linear;
}
.shisaku-special__more {
  text-align: right;
  padding: var(--shisaku-special-more-yohaku, calc(27vw / 7.5) calc(30vw / 7.5) 0 0);
  margin-left: auto;
  width: var(--shisaku-special-more-w, calc(438vw / 7.5));
  /*.is-sp:not(.is-kaigai) & {
    --shisaku-special-more-w: calc(634vw / 7.5);
  }*/
  .is-sp.is-fnl & {
    --shisaku-special-more-w: calc(436vw / 7.5);
  }
}
.is-sp [class*="shisaku-special"] + .product-text-image {
  margin-top: calc(50vw / 7.5) !important;
}
.is-pc [class*="shisaku-special"] + .product-text-image {
  margin-top: 30px;
}
.is-pc [class*="shisaku-special"] + .product-text-image + .banner__other--wrapper {
  margin-top: -60px;
}
.is-pc [class*="shisaku-special"] + .banner__other--wrapper {
  margin-top: 0;
  margin-bottom: 80px;
}
.is-sp [class*="shisaku-special"] + .banner__other--wrapper {
  margin-bottom: min((120vw / 7.5), 100px);
}
.is-sp .shisaku-special ~ .banner__other--wrapper:empty + .product__wrapper {
  margin-top: calc(100vw / 7.5);
}
.is-pc .shisaku-special ~ .banner__other--wrapper:empty + .product__wrapper {
  margin-top: 80px;
}
/*★ ＝＝ footerArea ＝＝ ★*/
.is-sp #footerArea {
  overflow: hidden;
  padding-bottom: 0;
}
.is-sp #footerArea > :last-child:not(#footer-guide) {
  padding-bottom: calc(80vw / 7.5);
}
.is-pc #footerArea {
  padding-bottom: 30px;
}
.is-pc #footerArea > :last-child {
  background: var(--menu-logo-blue) no-repeat center bottom 28px / var(--menu-logo-blue-size, 450px);
  padding-bottom: var(--footer-yohaku-btm, 170px);
  &.aori_text.is-yokoku {
    --footer-yohaku-btm: 200px;
  }
}
#footerArea::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--default-device-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #e7f6ff url("../images/footer_bg.png") repeat 0 0 / min((4vw / 7.5), 4px);
}
#footerArea.is-bg-fixed::before {
  position: fixed;
}
.is-close #footerArea {
  padding-bottom: 0;
}
.is-close #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-main3);
  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(201vw / 7.5, (201px / 1.5));
}
.is-pc .js-float-search-button .search__button {
  width: 226px;
  height: 204px;
}
@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(50vw / 7.5);
  --default-title-kazari-img: url(../images/title_deco_kazari.svg);
  .is-pc .product__contents & {
    min-height: var(--icon-size-h);
  }
  .is-pc & {
    --icon-size-h: 38px; /*デザインは40ですが、国内グランピングを鑑みて38に変更*/
  }
  .is-fnl & {
    --icon-size-h: calc(73vw / 7.5);
    --default-title-kazari-img: url(../images/title_deco_kazari_fnl.webp);
    .is-pc & {
      --icon-size-h: 65px; /*45px →USJを鑑みて65に変更*/
    }
  }
  &::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 {
  body:not(.is-fnl) & {
    min-height: 57px;
  }
  &::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 {
  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);
  }
}