@charset "UTF-8";
/*---------------------------------
 プレオープンの詳細(脚注)
---------------------------------*/
.preopen_info {
  background: #30a2dd;
  padding: 12px;
  color: #fff;
  font-size: 14px;
}
.preopen_info a {
  color: #fff;
  font-weight: bold;
}
#main a[href^="http"]:not(.btn):not(.notIcon):not([href$=".pdf"]) {
  background: none !important;
}
@media screen and (max-width: 767px) {
  .preopen_info {
    font-size: 13px;
  }
}
/*---------------------------------
 今後の入会キャンペーンについて(アコーディオン)
---------------------------------*/
.upcoming-cp-area {
  margin: 20px auto 50px;
}
.accordion-header {
  background-color: #fff;
  border: 2px solid #0054a7;
  border-radius: 6px;
  color: #0054a7;
}
.accordion-header::before, .accordion-header::after{
  background: #0054a7;
}
.accordion-header:hover,
.accordion-header.active{
  background-color: #0054a7;
  color: #fff;
}
.accordion-header:hover::before, .accordion-header:hover::after,
.accordion-header.active::after{
  background: #fff;
}
.accordion-content {
  background-color: #FFF;
  padding: 20px 20px;
  border: none;
}
.accordion-content .benefits-note {
  padding: 16px 0 0;
}
.accordion-content .benefits-block table th {
  width: 26%;
}
@media screen and (max-width: 767px) {
  .upcoming-cp-area {
    margin: 20px 10px 50px;
  }
  .accordion-header {
    padding: 12px 30px 10px 8px;
  }
  .accordion-header::before, .accordion-header::after {
    right: 14px;
  }
  .accordion-content {
    padding: 10px 16px;
  }
  .accordion-content .benefits-block table {
    margin: 5px 0 0;
  }
  .accordion-content .benefits-block table th {
    width: 28%;
  }
  .accordion-content .benefits-note {
    padding: 10px 0 0;
  }
}