@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: #fff;
  background-color: #c00;
  background-image: url("../images/common-bg.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
}

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

.header-navigation {
  color: #fff;
}

.header-menu-toggler .hamburger > i,
.modal-close-button span {
  background-color: #fff;
}

.modal-close-button {
  border-color: #fff;
}

.common-menu {
  background-color: #c00;
}

.common-menu-primary li:nth-of-type(n+2) {
  border-top: 1px solid #fff;
}

.common-menu-primary a:nth-of-type(n+2) {
  border-top: 1px solid #fff;
}

.button-navy {
  background-color: #c00;
}

.button-extend {
  background-color: #57524e;
  font-size: 16px;
  text-align: center;
}

.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;
}

.footer {
  background-color: #c00;
}

@media only screen and (max-width: 767px) {
  body {
    background: none;
  }

  body::before {
    background: #82d6ee;
    background: linear-gradient(180deg, #82d6ee 5%, #b9dae9 50%, #fff 100%), none;
    z-index: -1;
  }

  body.top::before {
    background: url("../images/common-bg_sp.jpg") center/cover no-repeat;
    /*fixedをトル！*/
    -webkit-background-size: cover;
    /*Android4*/
  }

  .header-sp {
    background-color: #c00;
  }

  .header-navigation {
    color: #fff;
  }
  .header-logo {
    width: 110px;
  }
  .cart-action-buttons {
    margin: 0 -25px;
  }

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

  .lower-rental .radio-buttons.radio-buttons-label label {
    margin: 5px 20px;
    width: 90px;
    height: 90px;
  }

  .lower-rental .radio-buttons.radio-buttons-label {
    flex-wrap: wrap;
  }

  .pc-order99 {
    order: 97;
  }

  .pc-order98 {
    order: 99;
  }

  .pc-order97 {
    order: 96;
  }

  .pc-order96 {
    order: 98;
  }

  .pc-order95 {
    order: 95;
  }
}

/* 簡体字、繁体字非表示 */
.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 -----*/
/* Top */
@media only screen and (max-width: 767px) {
  body.top .main>div {
    padding-top: 0px;
  }
  .index-title + .index-action-buttons .button{
    margin: 15px 0;
  }
}
.index-action-buttons {
  flex-wrap: wrap;
}
/* レンタル時間 */
.uibox-mandays .radio-buttons.radio-buttons-two label::after {
  content: '';
  width: 109px;
}

.uibox-mandays .form_label.form_radio {
  margin: 0 2px;
}

/* レンタル店舗 */
.uibox-shop {
  display: none !important;
}

/* レンタルセット内容 */
.form-section div:has(.uibox-rentalType) {
  display: none!important;
}
.radio-buttons.uibox-rentalType label:first-of-type {
  display: none!important;
}
.radio-buttons.uibox-rentalType label:last-of-type {
  display: none!important;
}/* スクール受講期間 */
/** スノボ **/
.main.category-snowboard .uibox-schoolcalendar .tilde {
  display: none;
}

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

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

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