.itemCharacterPage {
  .l-wrapper {
    z-index: 1;
    &::before {
      content: "";
      position: fixed;
      inset: 0;
      background: url(/assets/item_character/konjiki-no-zatch/img/bg_h56ikasx.jpg)
        repeat center top;
      z-index: -1;
      @media only screen and (max-width: 767px) {
      }
    }

    .seriesInfo__link {
      a,
      button {
        --btnColor: #fff;
        --btnBgColor: #d00009;
      }
    }
  }
  .pageHeading__title {
  }
  .seriesSection__logoBox {
    background: rgba(255, 255, 255, 1);
    color: #000;
    padding: calc(30% / 11.2) calc(50% / 11.2) calc(35% / 11.2);
    @media only screen and (max-width: 767px) {
      padding: calc(40% / 6.9) calc(30% / 6.9) calc(60% / 6.9);
      margin-inline: calc(-30% / 6.9);
      background-color: #fff;
    }
  }
  .seriesSection__logo {
  }
  .itemSlide .itemList__item__inner:not(:has(> a)),
  .itemSlide .itemList__item__inner a {
  }
  .knzMovSec__main {
  }
  .knzMovSec__movBox {
    @media only screen and (min-width: 768px) {
      width: calc(960% / 11.2);
      margin-inline: auto;
    }
  }
  .seriesInfo__header {
    background: url(/assets/item_character/konjiki-no-zatch/img/bg_subttl_z5yvtiw3.jpg)
      no-repeat center center;
    background-size: 100% 100%;
    padding: calc(35em / 16) calc(10em / 16);
    color: #fff;
    @media only screen and (max-width: 767px) {
      padding: calc(20em / 26) calc(10em / 26);
    }
  }
  .knzPickupSec__catch {
    margin-inline: auto;
    margin-bottom: calc(60em / 18);
    @media only screen and (min-width: 768px) {
      width: calc(953% / 10);
    }
    @media only screen and (max-width: 767px) {
      margin-bottom: calc(60em / 26);
    }
  }
  .knzPickupSec__main {
    @media only screen and (min-width: 768px) {
      width: calc(1000% / 11.2);
      margin-inline: auto;
    }
    .brand_area + .brand_area {
      margin-top: calc(100% / 10);
      @media only screen and (max-width: 767px) {
        margin-top: calc(100% / 6.9);
      }
    }

    .brand_exp {
      background: rgba(255, 255, 255, 0.45);
      padding: calc(15% / 10);
      @media only screen and (max-width: 767px) {
        padding: calc(20% / 6.9);
      }
    }
    .brand_area {
      dl {
        border: 1px solid #000;
        padding: calc(30% / 10);
        @media only screen and (max-width: 767px) {
          padding: calc(30% / 6.5) calc(20% / 6.5);
        }
        @media only screen and (min-width: 768px) {
          display: flex;
          align-items: center;
        }
        .logo {
          @media only screen and (min-width: 768px) {
            width: 35%;
            padding-right: 3%;
          }
          @media only screen and (max-width: 767px) {
            width: 70%;
            margin: 0 auto calc(30em / 26);
          }
        }

        .txt {
          font-weight: bold;
          font-size: calc(14em / 16);
          @media only screen and (min-width: 768px) {
            width: 65%;
          }
        }
      }
    }
    .brand_catch {
      text-align: center;
      margin: calc(30% / 10) auto calc(50% / 10);
      @media only screen and (min-width: 768px) {
        width: calc(800% / 10);
      }
    }
    .movie_area {
      margin: 50px auto;
      width: calc(960% / 10);
      text-align: center;
    }
    .bnr_area {
      text-align: center;

      p {
        font-size: 20px;
        font-weight: bold;
        margin-top: 15px;
        color: #000;
      }
    }
  }
  .knzBrandInfo__tab {
    @media only screen and (min-width: 768px) {
      /* width: calc(980% / 10);
      margin-inline: auto; */
    }
    @media only screen and (max-width: 767px) {
    }
  }
  .knzBrandInfo__tab__items {
    /* justify-content: space-between; */
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    gap: calc(10em / 16);
    @media only screen and (max-width: 767px) {
      justify-content: space-between;
      gap: 0;
    }
  }
  .knzBrandInfo__tab__item {
    width: calc(292% / 10);
    @media only screen and (max-width: 767px) {
      width: calc(220% / 6.9);
    }
    &:has([aria-selected="true"]) {
      width: calc(320% / 10);
      @media only screen and (max-width: 767px) {
        width: calc(220% / 6.9);
      }
    }
    a,
    button {
      position: relative;
      aspect-ratio: 292 / 78;
      border: none;
      padding: 0;
      width: 100%;
      height: auto;
      min-width: 0;
      font-family: inherit;
      color: #fff;
      background: transparent;
      border-radius: 0;
      min-height: 0;
      &[aria-selected="false"] {
        /* background: #1a1a1a; */
      }
      &[aria-selected="true"] {
        /* background: #1a1a1a; */
        &::before {
          opacity: 1;
        }
        img {
          opacity: 0;
        }
      }
      &::before {
        content: "";
        position: absolute;
        inset: 0;
        height: auto;
        width: auto;
        clip-path: none;
        background: url(/assets/item_character/konjiki-no-zatch/img/btn01_on_u95qc2wj.jpg)
          no-repeat center center / contain;
        transform: none;
        opacity: 0;
      }
      img {
        width: 100%;
        height: auto;
        display: block;
      }
      p {
        line-height: 1.2;
        font-size: calc(26em / 16);
        @media only screen and (max-width: 767px) {
          font-size: calc(20em / 26);
        }
      }
    }
    &:nth-child(2) {
      button {
        &::before {
          background: url(/assets/item_character/konjiki-no-zatch/img/btn02_on_g952uhk6.jpg)
            no-repeat center center / contain;
        }
      }
    }
    &:nth-child(3) {
      button {
        &::before {
          background: url(/assets/item_character/konjiki-no-zatch/img/btn03_on_p9xbfeac.jpg)
            no-repeat center center / contain;
        }
      }
    }
  }
  .knzBrand__conts {
    position: relative;
    @media only screen and (max-width: 767px) {
    }
  }
  .knzBrandInfo__img {
    img {
      width: 100%;
    }
  }
  .knzBrandInfo__tabPanel {
    &:nth-child(2) {
      .knzBrand__conts {
      }
    }
    &:nth-child(3) {
      .knzBrand__conts {
      }
    }
    &[aria-hidden="true"] {
      .knzBrandInfo__img {
      }
    }
  }
  .knzItem_wrap {
    margin: 0 auto;
    padding: 0px 0 calc(80% / 11.2);
    text-align: center;
    position: relative;
    @media only screen and (max-width: 767px) {
      padding-bottom: calc(80% / 6.9);
    }
    img {
      position: relative;
      width: calc(459% / 11.2);
      margin-inline: auto;
      display: block;
      @media only screen and (max-width: 767px) {
        width: calc(380% / 6.9);
      }
    }
    &::before {
      content: "";
      position: absolute;
      width: 100vw;
      bottom: 0;
      left: 50%;
      padding-bottom: min(327px, calc(327vw / 12));
      transform: translateX(-50%);
      background: url(/assets/item_character/konjiki-no-zatch/img/bg_green_q8ie43kn.webp)
        no-repeat center bottom / auto 100%;
    }
  }
  .seriesInfo {
    &:has(.seriesInfo__title[data-txt="ITEMS"]) {
      padding-block: calc(50% / 11.2) calc(100% / 11.2);
      position: relative;
      &::before {
        content: "";
        position: absolute;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
      }
    }
  }
}