#i-athlete .parts_nav {
  position: sticky;
  top: 120px; /* グローバルヘッダーの高さが90pxで、それ+30px */
  z-index: 10;
  box-sizing: content-box;
  margin-inline: auto;
  padding-inline: min(20px, calc(20 / var(--max-w-pad) * 100vw));
  max-width: var(--max-w-px);

  @media (width <= 740px) {
    top: 60px;
    padding: 0;
  }

  .nav-container {
    @media (width <= 740px) {
      overflow: hidden;
    }

    /* NOTE: Sで制御しているラッパーのクラス */
    .is-stucked & {
      @media (width <= 740px) {
        overflow-x: auto;
      }
    }
  }

  .sp-initial-nav {
    display: none;

    @media (width <= 740px) {
      display: grid;
      position: absolute;
      top: calc(-24 / var(--design-w-sp) * 100vw);
      grid-template: 1fr 1fr / auto auto;
      transition: all 0.3s;
      padding-inline: calc(30 / var(--design-w-sp) * 100vw);
      width: 100%;
    }

    /* NOTE: Sで制御しているラッパーのクラス */
    .is-stucked & {
      @media (width <= 740px) {
        opacity: 0;
        pointer-events: none;
      }
    }

    a {
      color: #fff;

      &:first-child {
        color: #000;
      }
    }

    svg {
      width: 100%;
    }
  }

  .nav-inner-pc {
    display: flex;
    justify-content: center;

    @media (width <= 740px) {
      display: none;
    }

    a {
      transition: color 0.3s;
      color: #fff; /* NOTE: PCはsvg内の矩形のfillをcurrentColorで制御しているため（テキスト部分はblend-modeで反転）*/

      &:hover,
      &.is-current {
        color: #000; /* NOTE: PCはsvg内の矩形のfillをcurrentColorで制御しているため（テキスト部分はblend-modeで反転） */
      }
    }
  }

  .nav-inner-sp {
    display: none;

    visibility: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    pointer-events: none;

    @media (width <= 740px) {
      display: inline-flex;
    }

    .is-stucked & {
      visibility: visible;
      pointer-events: auto;
    }

    a {
      align-content: center;
      background-color: #fff;
      aspect-ratio: 115 / 45;
      width: calc(115 / var(--design-w-sp) * 100vw);
      text-align: center;

      &:not(:last-child) {
        border-right: 1px solid #000;
      }

      svg {
        width: calc(95 / var(--design-w-sp) * 100vw);
      }

      &.is-current {
        background-color: #000;
      }
    }
  }
}