@charset "UTF-8";

/*---- each setting ---*/

body {
  font-size: 14px;
  font-family: Montserrat, "Noto Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #003559;
  background-color: #fff;
  background-image: url("../images/common-bg.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
}

.container {
  background-color: rgba(20, 146, 195, 0.88);
}

.header-navigation {
  color: #fff;
}

.header-menu-toggler .hamburger > i {
  background-color: #fff;
}

.button-navy,
.common-menu .modal-close-button span {
  background-color: #0b749c;
}

.common-menu .modal-close-button {
  border-color: #0b749c;
}

.modal-close-button.modal-close-button-white.modal-size-guide-close,
.modal-calendar-close {
  border-color: #fff;
}

.modal-close-button.modal-close-button-white span {
  background-color: #fff;
}

.cart-action-buttons {
  margin: 0 -35px;
}

.cart-action-buttons .button {
  font-size: 17px;
}

.cart-action-buttons .button + .button {
  margin-left: 4px;
}

@media only screen and (max-width: 767px) {
  .header-navigation {
    color: #003559;
  }

  .index-title h2 {
    color: #fff;
    border-color: #fff;
  }

  body {
    background: none;
  }

  body:before {
    background: #2198da;
    background: linear-gradient(180deg, #056090 0%, #2198da 10%, #1d97da 40%, #fff 80%), none;
    z-index: -1;
  }

  body.top {
    background: none;
  }

  body.top::before {
    background: url("../images/common-bg_sp.jpg") center/cover no-repeat !important;
    -webkit-background-size: cover;
  }
  .header-logo {
    width: 158px;
  }
  .cart-action-buttons {
    margin: 0 -25px;
  }

  .cart-action-buttons .button + .button {
    margin-left: 0;
  }
}

/* 簡体字、繁体字非表示 */
.header-action-button.header-action-button-lang + .header-action-button.header-action-button-lang + .header-action-button.header-action-button-lang {
  display: none;
}

/*---------------------*/



/*----- UI制御(PG追記) -> Start -----*/
/** スキー **/
.main.category-ski .uibox-schoolLevel {
  display: none;
}
/* レッスン種別 */
.main.category-ski .uibox-schooltype label:nth-of-type(n+3) {
  display: none;
}
.main.category-ski .uibox-schooltype label:nth-of-type(n+4) {
  display: none;
}
.radio-buttons.radio-buttons-four.uibox-schooltype {
  justify-content: space-around;
}
/* レンタル店舗 */
.uibox-shop {
  display: none !important;
}
/* レンタルセット内容 */
.radio-buttons.uibox-rentalType label:first-of-type,
.radio-buttons.uibox-rentalType label:nth-of-type(2),
.radio-buttons.uibox-rentalType label:nth-of-type(3) {
  display: none!important;
}
/* スクール言語 */
.main.category-ski .uibox-schoollanguage {
  display: none !important;
}

/* スクール受講期間 */
.uibox-schoolcalendar .tilde {
  display: none;
}

.uibox-schoolcalendar .select-box.select-box-term {
  width: 100%;
}

.uibox-schoolcalendar .select-box.select-box-term:last-of-type {
  display: none;
}

/*----- UI制御(PG追記) <- End -----*/