@media screen and (max-width: 600px) {
  .manga-fv,
  .manga-scroll {
    max-width: 100% !important;
  }

  .cta-lead {
    font-size: 18px !important;
  }
  .cta-sub-lead {
    font-size: 14px !important;
  }
  .cta-headline {
    font-size: 22px !important;
  }
  .cta-points {
    gap: 8px !important;
  }
  .cta-points span {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }
  .cta-btn-main {
    font-size: 20px !important;
  }

  /* 漫画TOP
     ※ このファイルは style.css より先に読み込まれるため、
       同じ強さのセレクタでは上書きできない。必ず .manga-top を付けて強くすること。 */
  /* キービジュアルをSP用に差し替え */
  .manga-top .mt-fv-bg.is-pc { display: none !important; }
  .manga-top .mt-fv-bg.is-sp { display: block !important; }

  .manga-top .mt-fv-title {
    font-size: 34px !important;
    letter-spacing: 1px !important;
  }
  .manga-top .mt-fv-title.is-short {
    font-size: 62px !important;
    letter-spacing: 0.2em !important;
    text-indent: 0.2em !important;
  }
  .manga-top .mt-fv-copy {
    font-size: 15px !important;
  }
  .manga-top .mt-fv-sub {
    font-size: 12px !important;
    margin-bottom: 28px !important;
  }
  .manga-top .mt-fv-btn {
    padding: 15px 36px !important;
    font-size: 15px !important;
  }
  .manga-top .mt-fv-label {
    margin-bottom: 20px !important;
  }
  .manga-top .mt-sec-title span {
    font-size: 22px !important;
  }
  .manga-top .mt-index {
    padding: 48px 14px 40px !important;
  }
  .manga-top .mt-index-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
  .manga-top .mt-ep-title {
    font-size: 20px !important;
  }
  .manga-top .mt-next-text {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 374px) {
  .manga-top .mt-fv-title {
    font-size: 29px !important;
  }
}