/*** スマホサイズ ***/
@media screen and (max-width: 768px) {
  /* 768pxまでの幅の場合に適応される */
  #main .main-photo .main-caption {
    left: 1em;
  }
  #main .main-photo .main-caption p {
    font-size: 1.8rem;
    line-height: normal;
  }
  #main .main-photo .sub-caption {}
  #main .main-photo .sub-caption p {
    font-size: 1.6rem;
    padding: 0.5em 1.0em;
    letter-spacing: normal;
  }
  #main .main-photo .link-movie {
    width: 25%;
    top: 2%;
    right: 0.5em;
    bottom: inherit;
  }
  #main .series-main .design {
    margin-top: 2.0em;
  }
  #main .series-main .design .flex ruby rt {
    top: -4px;
  }
  #main .series-main .detail {
    margin: 0;
    padding: 0;
  }
  #main .series-main .detail.last {
    padding: 0 0 0 0;
  }
  #main .series-main .detail.noPad {
    margin: 0;
    padding: 0;
  }
  #main .series-main .detail table th, #main .series-main .detail table td {
    font-size: 1.4rem;
  }
  #main .series-main .design h4 {
    padding: 0.4em 0.5em;
    margin: 0 auto;
    max-width: 90%;
    text-align: center !important;
  }
  #main .series-main .design .flex {
    margin: 0 auto;
    padding: 0 0.5em 1em 0.5em;
    max-width: 90%;
    display: block;
  }
  #main .series-main .design .flex div {
    margin: 0 auto;
    text-align: center !important;
  }
  #main .series-main .design .flex div p {
    text-align: center !important;
  }
  /* 2024.6.7 追記 */
  body.second #main section.secCommon .w-80per {
    max-width: 100%;
  }
  #main .series-main .detail table th.lsthin {
    letter-spacing: -0.1em;
  }
}