@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: #57524e;
  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: #57524e;
}

.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: #57524e;
}

.button {
  width: 350px;
}

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

.footer {
  background-color: #57524e;
}

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

  body:before {
    background: #04389e;
    background: linear-gradient(180deg, #04389e 0%, #73a1d5 50%, #fff 90%), none;
  }

  body.top {
    background: none;
  }

  body.top::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("../images/common-bg_sp.jpg") center/cover no-repeat;
    /*fixedをトル！*/
    -webkit-background-size: cover;
    /*Android4*/
  }

  .header-sp {
    background-color: #57524e;
  }

  .header-logo {
    width: 110px;
  }

  .header-navigation {
    color: #fff;
  }

}

/* 簡体字、繁体字非表示 */
.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 -----*/
/* レンタル店舗 */
.uibox-shop {
  display: none !important;
}

/* スクール言語 */
.uibox-schoollanguage {
  display: none !important;
}

.main.category-all .uibox-schoolLevel h4 {
  visibility: hidden;
}

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