@charset "utf-8";

:root,
::after,
::before {
  --body-font: "Kosugi Maru", sans-serif;
  --body-color: #333;

  --sub-ttl-font: "Modak", system-ui;
  --sub-ttl-color: #ff9bcc;
  --sub-ttl-bg-color: none;
  --sub-ttl-shadow: -2px 2px 0px #c0e8ff;
  --sub-ttl-desc-font: "Kosugi Maru", sans-serif;
  --sub-ttl-desc-color: linear-gradient(#ffc9de, #ff4283);
  --sub-ttl-desc-fw: 600;

  --top-nav-w-bg-color: #ffdcdc;
  --top-nav-bg-color: #faf9dd;
  --top-nav-font-color: #fe82b1;

  --header-box-color: #666;

  --side-nav-color: #595959;
  --side-nav-bg-color: rgb(255 255 255 / 90%);
  --side-nav-border-color: #dadada;

  --side-nav-tel-color: #fff;
  --side-nav-tel-bg-color: #5bccf8;
  --side-nav-tel-box-shadow: 0px;
  --side-nav-tel-shadow: none;
  --side-nav-tel-border-color: #20b6f1;

  --menu-btn-bg: #6cc3e5;
  --menu-btn-color: #fff;

  --h1-bg-color: rgb(255 164 193 / 80%);
  --h1-color: #fff;

  --psec_wrap-color: #666;
  --psec_wrap-bg-color: rgb(255 255 255 / 80%);

  --h2-font: "Modak", system-ui;
  --h2-bg-color: transparent;
  --h2-shadow: -2px 2px 0px #bde5f4;
  --h2-color: #f2a9bd;
  --h2-desc-font: "Kosugi Maru", sans-serif;
  --h2-desc-color: #777;
  --h2-desc-line: #777;

  --blog-color: #555;
  --blog-bg-color: rgb(255 247 193 / 75%);

  --system-btn-bg-color: #8dc4ee;
  --system-btn-color: #fff;
  --system-btn-box-shadow: none;

  --page-system-color: #333;
  --page-system-bg-color: rgba(255, 255, 255, 0.8);

  --shopinfo-bg-color: transparent;
  --shopinfo-color: #555;
  --shopinfo-border: none;

  --shopinfo-label-bg-color: #ffb9c6;
  --shopinfo-label-color: #fff;

  --girl-new-bg-color: #ff95b8;
  --girl-new-color: #fff;

  --girl-day-btn-color: #5a5a5a;
  --girl-day-btn-bg-color: #fae2e6;
  --girl-day-btn-current-color: #feabc2;
  --girl-day-btn-current-txt: #fff;

  --event-highlight-bg-color: #cbf8ff;

  --footer-bg-color: rgb(88 188 204 / 90%);
  --footer-color: #fff;
  --copyright-bg-color: #fff;
  --copyright-color: #fd759b;

  --rec-links-color: #fff;
  --rec-links-bg-color: #fd759b;
  --rec-links-box-shadow: 0px 4px 0px #ff5081;

  --rec-uname-color: #fff;
  --rec-uname-bg-color: rgb(255 77 154 / 70%);

  --rec-oubo-btn-color: #fff;
  --rec-oubo-btn-bg-color: #53ad4d;

  --rec-btn-color: #fff;
  --rec-btn-bg-color: #ff84b1;

  --rec-wrap-bg-color: rgba(255, 255, 255, 0.9);

  --rec-ttl-font: "Kosugi Maru", sans-serif;
  --rec-ttl-color: #fff;
  --rec-ttl-bg-color: rgb(255 77 154 / 70%);

  --rec-cttl-color: #fff;
  --rec-cttl-bg-color: rgb(255 77 154 / 70%);

  --rec-desc-color: inherit;

  --rec-sttl-color: #fff;
  --rec-sttl-bg-color: #ffb9c6;

  --rec-tag-color: #fff;
  --rec-tag-bg-color: #ffb9c6;

  --how2oubo-color: #333;

  --h3-color: #fff;
  --h3-bg-color: #ffb1ca;
  --h3-border: 3px solid #ffeab0;
  --h3-border-radius: 0px;

  --girllist-label-bg-color: #fff;
  --girllist-link-color: #ff6cc6;

  --castlist-label-bg-color: #fff;
}

#top_nav .toplogo {
  background: none;
}

#top_nav_wrap_b {
  box-shadow: 0 2px 6px #efbebe;
}

#wrapb {
  background-color: transparent;
  background-image: none;
}

.subbg {
  background: url("/assets/img/subbg.png") center;
  background-size: cover;
  box-shadow: 0px 1px 10px 0px #ffb6b6;
}

.footer_acc {
  /* background: transparent; */
}

.rec_form_table h3 {
  background: transparent;
  text-align: left;
  margin: 0 0 0.5em 0;
  border: 0;
  padding: 0;
}

#top_nav {
  background-image: url(/assets/img/topbg.png?0917);
}

h2 {
  font-size: 2.5rem;
}

.sub_ttl {
  font-size: 2.5em;
  line-height: 2.2rem;
}

.sub_ttl span {
  font-size: 1rem;
}

#top_nav_d > div::before {
  background: url(/assets/img/bg.jpg) center no-repeat;
  background-size: cover;
}

.castlist li {
  width: calc((100% - (15px * 2)) / 3);
  padding: 3px;
  border: 1px solid rgb(255 99 207 / 25%);
  background: #fff;
}

.castlist .gal_name a {
  color: #ff6cc6;
}

.girllist li {
  border: 2px solid rgb(255 99 207 / 25%);
  background: #fff;
}

.tnews.contwrap {
  background: rgb(255 255 255 / 90%);
  color: #333;
  padding: 1rem;
}

.tnews_type_1 h3,
.tnews_type_3 h3 {
  border: 1px solid #89d4ff;
  border-radius: 2rem;
  background: #97ddff;
  font-size: 1.2em;
}

.price_list dd {
  font-weight: bold;
  font-size: 1rem;
}

.event_wrap .e_title {
  background: #fbaacc;
}

.rec_table {
  padding: 50px;
}

@media (max-width: 799.98px) {
  #top_nav {
    background-image: url(/assets/img/topbg_sp.png?0917);
  }
  .rec_table {
    padding: 15px;
  }
  .castlist {
    gap: 6px;
  }

  .castlist li {
    width: calc((100% - (6px * 2)) / 3);
  }
}