@charset "UTF-8";
/* *** variables model *** */
/* radius */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** mixins *** */
/* break point */
/* hover */
/* -----------------------------------------------
  ① clamp関数（function関数改善版2025.11.20）
----------------------------------------------- */
/* 1rem = 10px */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
.bev-contents .main-visual {
  /* メインビジュアル */
  position: relative;
}
.bev-contents .main-visual .logo {
  position: absolute;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo {
    top: 10%;
    left: 14%;
    width: min(35.4%, 400px);
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo {
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
  }
}
.bev-contents .intro-area {
  /* 導入 */
}
@media (max-width: 768px) {
  .bev-contents .intro-area {
    margin-block-start: 4rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns {
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: min(100%, 200px);
  }
}
@media (max-width: 768px) {
  .bev-contents .intro-area .anchor-btns li {
    flex-basis: calc(50% - 8px);
  }
}
.bev-contents .js-dual-tab {
  /* 漫画ページ */
}
.bev-contents .js-dual-tab .tab-contents-wrap {
  /* 下段タブクリック時の scrollIntoView でヘッダーに隠れないよう余白 */
}
@media (min-width: 769px) {
  .bev-contents .js-dual-tab .tab-contents-wrap {
    scroll-margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .bev-contents .js-dual-tab .tab-contents-wrap {
    scroll-margin-top: 64px;
  }
}
.bev-contents .js-dual-tab .tab-content .page {
  position: relative;
  display: block;
}
.bev-contents .js-dual-tab .tab-content .page .page-number {
  position: absolute;
  right: 8%;
  color: var(--greyK60);
}
@media (min-width: 769px) {
  .bev-contents .js-dual-tab .tab-content .page .page-number {
    font-size: clamp(1rem, 0.146rem + 1.11vw, 1.4rem);
    bottom: clamp(3.2rem, -3.613rem + 8.86vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .bev-contents .js-dual-tab .tab-content .page .page-number {
    font-size: clamp(1rem, 0.715rem + 0.89vw, 1.4rem);
    bottom: clamp(0.6rem, -1.256rem + 5.8vw, 3.2rem);
  }
}
.bev-contents .js-dual-tab .tab-btns-list .tab-btn.cur, .bev-contents .js-dual-tab .tab-btns-list .tab-btn:hover {
  background-color: var(--keyColor);
}
.bev-contents .js-dual-tab .tab-btns-list .tab-btn.cur span, .bev-contents .js-dual-tab .tab-btns-list .tab-btn:hover span {
  color: var(--white);
}
.bev-contents .js-dual-tab .tab-btns-list:last-of-type .tab-btn {
  border-bottom: none;
  border-top: 1px solid var(--greyK20);
}
.bev-contents .js-dual-tab .tab-btns-list:last-of-type .tab-btn.cur {
  border-color: var(--keyColor);
}/*# sourceMappingURL=manga.css.map */