.itemCharacterPage {
  .l-wrapper {
    z-index: 1;
    &::before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 1)
        url(/assets/item_character/kyoukai-senki/img/bg_page.png) no-repeat
        center top / cover;
      z-index: -1;
      @media only screen and (max-width: 767px) {
      }
    }

    .seriesInfo__link {
      a,
      button {
        --btnColor: #fff;
        --btnBgColor: #cc0000;
      }
    }
  }
  .pageHeading__title {
  }
  .seriesSection__logoBox {
  }
  .seriesSection__logo {
    margin-block: calc(-50em / 16);
    img {
      max-height: calc(270em / 16);
    }
  }
  .itemSlide .itemList__item__inner:not(:has(> a)),
  .itemSlide .itemList__item__inner a {
  }

  .ksSectionWrapper {
    position: relative;
    z-index: 1;
  }
  .ksSec__lead {
    text-align: center;
    font-size: calc(30em / 16);
    margin-bottom: calc(20em / 30);
    font-weight: 600;
    line-height: 1.5;
    @media only screen and (max-width: 767px) {
      font-size: calc(26em / 26);
      margin-bottom: calc(20em / 26);
    }
    & > span {
      font-size: calc(48em / 30);
      @media only screen and (max-width: 767px) {
        font-size: calc(48em / 26);
      }
    }
  }
  /*--フレーム共通箇所--*/
  .kyoukai_frame {
    position: relative;
    width: 100%;
    margin-bottom: calc(30% / 9.2);
    &::before,
    &::after {
      position: absolute;
      top: -3px;
      content: "";
      width: calc(20em / 16);
      aspect-ratio: 1 / 1;
      border-top: 3px solid #e6142c;
      box-sizing: border-box;
    }

    &::before {
      left: -3px;
      border-left: 3px solid #e6142c;
    }

    &::after {
      right: -3px;
      border-right: 3px solid #e6142c;
    }

    .frame_inner {
      border: 1px solid #e6142c;
      padding: calc(35% / 9.2);
      @media only screen and (max-width: 767px) {
        padding: calc(40% / 6.9);
      }
      &::before,
      &::after {
        position: absolute;
        bottom: -3px;
        content: "";
        width: calc(20em / 16);
        aspect-ratio: 1 / 1;
        border-bottom: 3px solid #e6142c;
        box-sizing: border-box;
      }

      &::before {
        left: -3px;
        border-left: 3px solid #e6142c;
      }

      &::after {
        right: -3px;
        border-right: 3px solid #e6142c;
      }
    }
  }
  .ksAboutSec {
    margin-bottom: calc(80% / 11.2);
    position: relative;
    @media only screen and (min-width: 768px) {
      width: calc(920% / 11.2);
      margin-inline: auto;
    }
    .kyoukai_story {
      margin-bottom: calc(40% / 9.2);
      .frame_inner {
        background: url(/assets/item_character/kyoukai-senki/img/story_bg.png)
          no-repeat center top;
        background-size: cover;
        @media only screen and (max-width: 767px) {
          background: url(/assets/item_character/kyoukai-senki/img/story_bg_sp.png)
            no-repeat center top / 100% auto;
        }
        h4 {
          margin-bottom: calc(40em / 16);
          @media only screen and (max-width: 767px) {
            margin-bottom: calc(40em / 26);
          }
          img {
            width: calc(316em / 16);
            @media only screen and (max-width: 767px) {
              width: calc(380em / 26);
            }
          }
        }

        p {
          line-height: 2;
          /* font-size: 1.1em; */
          @media only screen and (max-width: 767px) {
            font-size: calc(24em / 26);
          }
        }
      }
    }

    /*--スタッフ--*/
    .kyoukai_boxWrap {
      @media only screen and (min-width: 768px) {
        display: flex;
        justify-content: space-between;
        .kyoukai_staff,
        .kyoukai_chara {
          width: 47.5%;
          .frame_inner {
            padding: calc(35% / 4.37);
          }
        }
      }
      .kyoukai_staff,
      .kyoukai_chara {
        h4 {
          margin-bottom: calc(35em / 16);
          @media only screen and (max-width: 767px) {
            margin-bottom: calc(40em / 26);
          }
          img {
            width: calc(316em / 16);
            @media only screen and (max-width: 767px) {
              width: calc(380em / 26);
            }
          }
        }
      }
    }

    .kyoukai_staff {
      .frame_inner {
        h4 {
          margin-bottom: calc(35em / 16);
        }

        ul li {
          line-height: 1.4;
          font-size: calc(18em / 16);
          margin-bottom: calc(5em / 18);
          @media only screen and (max-width: 767px) {
            font-size: calc(24em / 26);
          }
        }
      }
    }

    .kyoukai_chara {
      .frame_inner {
        h4 {
          margin-bottom: calc(20em / 16);
        }

        li img {
          width: 100%;
          @media only screen and (max-width: 767px) {
            width: 80%;
            display: block;
          }
        }

        ul li + li {
          margin-top: calc(-30em / 16);
          @media only screen and (max-width: 767px) {
            img {
              margin-left: auto;
            }
          }
        }
      }
    }
  }

  .seriesInfo__title {
  }
  .dsSecWrapper {
  }
}