/* #js-unt-getAjaxHeader {
  position: fixed;
  z-index: 9999;
  inset: 0;
  border-bottom: 1px solid #095540;
  background: #fee;
  width: 100%;
  height: 91px;

  @media (width <= 740px) {
    border-bottom: 1px solid #ddd;
    height: 60px;
  }
} */

html {
  scroll-behavior: smooth;
}

#i-athlete {
  --max-w: 1050;

  /* --max-wに.container_contentの左右padding 20pxを足した値。.content_container直下のエレメントにおけるmargin計算などに使う想定 */
  --max-w-pad: 1090;
  --max-w-px: calc(var(--max-w) * 1px);

  /* calc()によって%を算出しやすくするための、デザインファイル（モバイル）の幅 */
  --design-w-sp: 375;

  font-size: 16px;
  line-height: 1;
  font-family: neue-haas-grotesk-display, sans-serif;

  .util_pc-only {
    @media (width <= 740px) {
      display: none;
    }
  }

  .util_sp-only {
    @media (width > 741px) {
      display: none;
    }
  }

  .util_corner-cut {
    clip-path: polygon(
      var(--corner-cut-size) 0%,
      calc(100% - var(--corner-cut-size)) 0%,
      100% var(--corner-cut-size),
      100% calc(100% - var(--corner-cut-size)),
      calc(100% - var(--corner-cut-size)) 100%,
      var(--corner-cut-size) 100%,
      0% calc(100% - var(--corner-cut-size)),
      0% var(--corner-cut-size)
    );
  }

  svg {
    vertical-align: top;
    max-width: 100%;
    height: auto;
  }

  .container_nav-sticky-wrapper {
    position: relative;

    /* .is-first-secでマイナスマージンした分 */
    margin-top: min(83px, calc(83 / var(--max-w-pad) * 100vw));

    @media (width <= 740px) {
      margin-top: calc(57 / var(--design-w-sp) * 100vw);
    }
  }

  .container_gradient {
    background: linear-gradient(180deg, #ebebeb 0%, #ffffff 25%);
    padding-top: min(248px, calc(248 / var(--max-w-pad) * 100vw));
    /* padding-top: min(90px, calc(90 / var(--max-w-pad) * 100vw)); */
    padding-bottom: min(118px, calc(118 / var(--max-w-pad) * 100vw));

    @media (width <= 740px) {
      /* 57(pt) + 45(nav height) + 30(pb) = 132px */
      padding-top: calc(132 / var(--design-w-sp) * 100vw);
      padding-bottom: calc(60 / var(--design-w-sp) * 100vw);
    }

    &.is-first-sec {
      /* 75px(navの高さ) + 83px(nav上のpadding) = 158px */
      margin-top: max(-158px, calc(-158 / var(--max-w-pad) * 100vw));

      @media (width <= 740px) {
        /* 45px(navの高さ) + 57px(nav上のpadding) = 102px */
        margin-top: calc(-102 / var(--design-w-sp) * 100vw);

        /* 30(pt) + 100(nav height) + 60(pb) = 190px */
        padding-top: calc(190 / var(--design-w-sp) * 100vw);
      }
    }
  }

  .container_product {
    box-sizing: content-box;
    container-type: inline-size;
    margin-inline: auto;
    padding: 0 min(20px, calc(20 / var(--max-w-pad) * 100vw));
    max-width: var(--max-w-px);

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