@charset "UTF-8";
:root {
  --ff-helvetica: Helvetica, sans-serif;
  --ff-yu-gothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --clr-tip--black: #000;
  --clr-tip--gray: #A4A9AD;
  --clr-tip--brown: #634C3C;
  --clr-tip--red: #FF372B;
  --clr-tip--orange: #FF6634;
  --clr-tip--khaki: #636753;
  --clr-tip--camel: #DB9A4A;
}

.main-content :where(input, select, textarea, table, th, td, li, a) {
  color: inherit;
  font-family: inherit;
}
.main-content :where(:is(a, a:hover)) {
  text-decoration: none;
}

[class*=js-fadein] {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-fadein:not(.is-animated) {
  opacity: 0;
}

.js-fadein-up:not(.is-animated) {
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.c-svg {
  display: block;
}

.c-svg--air-rider-mesh-jacket {
  aspect-ratio: 84/32;
}

.c-svg--swiper-arrow {
  aspect-ratio: 12/32;
}

@media (max-width: 30em) {
  .u-d-n--sp {
    display: none;
  }
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-n--tb {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .u-d-n--pc {
    display: none;
  }
}
@media (max-width: 48em) {
  .u-d-n--not-pc {
    display: none;
  }
}
@media (min-width: 30.0625em) {
  .u-d-n--not-sp {
    display: none;
  }
}
.u-d-b--sp {
  display: none;
}
@media (max-width: 30em) {
  .u-d-b--sp {
    display: block;
  }
}
.u-d-b--tb {
  display: none;
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-b--tb {
    display: block;
  }
}
.u-d-b--pc {
  display: none;
}
@media (min-width: 48.0625em) {
  .u-d-b--pc {
    display: block;
  }
}
.u-d-b--not-pc {
  display: none;
}
@media (max-width: 48em) {
  .u-d-b--not-pc {
    display: block;
  }
}
.u-d-b--not-sp {
  display: none;
}
@media (min-width: 30.0625em) {
  .u-d-b--not-sp {
    display: block;
  }
}

.js-fadein-up:not(.is-animated), [class*=js-fadein-lag][class*="--up"]:not(.is-animated) [style*="--delay-order"] {
  --transform: translateY(var(--translate-rate, 48px));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

.js-fadein-down:not(.is-animated), [class*=js-fadein-lag][class*="--down"]:not(.is-animated) [style*="--delay-order"] {
  --transform: translateY(var(--translate-rate, -48px));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

.js-fadein-ltr:not(.is-animated), [class*=js-fadein-lag][class*="--ltr"]:not(.is-animated) [style*="--delay-order"] {
  --transform: translateX(var(--translate-rate, -72px));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

.js-fadein-rtl:not(.is-animated), [class*=js-fadein-lag][class*="--rtl"]:not(.is-animated) [style*="--delay-order"] {
  --transform: translateX(var(--translate-rate, 72px));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

.js-fadein-zoomin:not(.is-animated), [class*=js-fadein-lag][class*="--zoomin"]:not(.is-animated) [style*="--delay-order"] {
  --transform: scale(var(--scale-rate, 0.98));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

.js-fadein-zoomout:not(.is-animated), [class*=js-fadein-lag][class*="--zoomout"]:not(.is-animated) [style*="--delay-order"] {
  --transform: scale(var(--scale-rate, 1.02));
  -webkit-transform: var(--transform);
          transform: var(--transform);
}

[class*=js-fadein] {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: var(--delay, 0s);
          transition-delay: var(--delay, 0s);
}
[class*=js-fadein]:not([class*=js-fadein-lag]):not(.is-animated) {
  opacity: 0;
}

[class*=js-fadein-lag] [style*="--delay-order"] {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: calc(0.12s * var(--delay-order));
          transition-delay: calc(0.12s * var(--delay-order));
}
[class*=js-fadein-lag]:not(.is-animated) [style*="--delay-order"] {
  opacity: 0;
}
[class*=js-fadein-lag][class*="--ltr"] {
  overflow-x: hidden;
}
[class*=js-fadein-lag][class*="--rtl"] {
  overflow-x: hidden;
}
.contents-s23airrider {
  font-family: "Helvetica Neue", YuGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
}

.pg-mv {
  position: relative;
}
.pg-mv:not(.is-animated) .pg-mv__content {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.pg-mv__img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  background-color: #f0f0f0;
}
.pg-mv__img img {
  aspect-ratio: auto 1440/790;
}
.pg-mv__content {
  position: absolute;
  top: 34.726224784%;
  left: 5.3333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
@media (min-width: 48.0625em) {
  .pg-mv__content {
    top: 29.493670886%;
    left: max(20px, 12.5vw);
  }
}
.pg-mv__logo {
  width: 74.6666666667vw;
}
@media (min-width: 48.0625em) {
  .pg-mv__logo {
    width: 27.9166666667vw;
  }
}

.pg-contents {
  position: relative;
  padding: 48px 0 80px;
  background-color: #fff;
}
@media (min-width: 48.0625em) {
  .pg-contents {
    padding: 100px 0 160px;
  }
}
.pg-contents__container {
  position: relative;
}

.pg-follow-link {
  position: absolute;
  width: clamp(38px, 5.5555555556vw, 80px);
  height: 100vh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  right: 0;
  top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(var(--fz12), 1.1111111111vw, var(--fz16));
  letter-spacing: 0.06em;
  mix-blend-mode: difference;
  color: #fff;
  z-index: 5;
}
.pg-follow-link :is(a) {
  color: #fff;
  text-decoration: overline;
}
.pg-follow-link :is(a):hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}
.pg-follow-link.is-fixed-start {
  position: fixed;
}
.pg-follow-link.is-fixed-end {
  position: absolute;
  top: auto;
  bottom: 0;
}

.pg-section__container {
  width: calc(100% - max(38px, 4.1666666667vw) * 2);
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.06em;
}
.pg-section__container:not(:first-child) {
  margin-top: 64px;
}
@media (min-width: 48.0625em) {
  .pg-section__container:not(:first-child) {
    margin-top: 160px;
  }
}
.pg-section__eyecatch {
  aspect-ratio: 375/250;
  width: 100%;
  overflow: hidden;
}
.pg-section__eyecatch:not(:first-child) {
  margin-top: 64px;
}
@media (min-width: 48.0625em) {
  .pg-section__eyecatch {
    aspect-ratio: 1440/700;
  }
  .pg-section__eyecatch:not(:first-child) {
    margin-top: 160px;
  }
}
.pg-section__block + .pg-section__block {
  margin-top: 64px;
}
.pg-section__block > * + * {
  margin-top: var(--stack-space, 1.5em);
}
@media (min-width: 48.0625em) {
  .pg-section__block + .pg-section__block {
    margin-top: 160px;
  }
}
.pg-section__images {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.pg-section__images.is-type-a {
  position: relative;
  aspect-ratio: 700/854;
}
.pg-section__images.is-type-a img {
  position: absolute;
}
.pg-section__images.is-type-a img:nth-child(1) {
  width: 35.714285714%;
  top: 0;
  left: 0;
}
.pg-section__images.is-type-a img:nth-child(2) {
  width: 57.142857143%;
  right: 0;
  bottom: 0;
}
.pg-section__images.is-type-b img {
  display: block;
}
@media (max-width: 48em) {
  .pg-section__images.is-type-b img:nth-child(2) {
    width: 66.889632107%;
    margin-left: auto;
    margin-right: 0;
    -webkit-transform: translateX(10.1333333333vw);
            transform: translateX(10.1333333333vw);
    margin-top: -25px;
  }
  .pg-section__images.is-type-b img:nth-child(3) {
    width: 83.612040134%;
    margin-top: 64px;
  }
}
@media (min-width: 48.0625em) {
  .pg-section__images.is-type-b img:nth-child(2) {
    width: 57.1429%;
    margin-left: auto;
    margin-right: 0;
    -webkit-transform: translateX(4.1666666667vw);
            transform: translateX(4.1666666667vw);
    margin-top: -80px;
  }
  .pg-section__images.is-type-b img:nth-child(3) {
    width: 47.1429%;
    margin-top: -138px;
  }
}
.pg-section__img {
  --stack-space: 56.3px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.pg-section__img img {
  aspect-ratio: auto 400/600;
}
@media (min-width: 48.0625em) {
  .pg-section__img {
    --stack-space: 93px;
  }
}
.pg-section__text {
  --stack-space: 13px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4rem;
  line-height: 2.1;
}
.pg-section__text + .pg-section__img {
  --stack-space: 82.3px;
}
@media (min-width: 48.0625em) {
  .pg-section__text {
    line-height: 2;
  }
  .pg-section__text + .pg-section__img {
    --stack-space: 92.3px;
  }
}
.pg-section__grid {
  display: grid;
  gap: 64px 32px;
}
@media (min-width: 48.0625em) {
  .pg-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pg-section__cell {
  display: grid;
  gap: 20px;
  grid-template-rows: auto 1fr;
}
@media (min-width: 48.0625em) {
  .pg-section__cell:nth-child(2) {
    margin-top: 55%;
  }
  .pg-section__cell:nth-child(2) p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pg-section__cell:nth-child(2) img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.pg-section__cell-box {
  display: grid;
  gap: 20px;
}
.pg-section__cell-box p {
  font-size: 1.2rem;
  line-height: 1.9;
}
@media (min-width: 48.0625em) {
  .pg-section__cell-box p {
    line-height: 1.8;
  }
}

.pg-product {
  margin-top: 80px;
}
@media (min-width: 48.0625em) {
  .pg-product {
    margin-top: 160px;
  }
}
.pg-product__container {
  width: calc(100% - max(38px, 4.1666666667vw) * 2);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  gap: 48px;
}
@media (min-width: 48.0625em) {
  .pg-product__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 48em) {
  .pg-product__sliders {
    width: 260px;
    padding: 0 40px;
    margin: auto;
  }
}
@media (min-width: 48.0625em) {
  .pg-product__sliders {
    width: 244px;
    padding: 0 36px;
  }
}
.pg-product__main-slider {
  position: relative;
}
.pg-product__main-slider .swiper-button {
  width: 8px;
  height: 20px;
  z-index: 100;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pg-product__main-slider .swiper-button svg {
  fill: #b1b1b1;
}
.pg-product__main-slider .swiper-button::after {
  display: none;
}
.pg-product__main-slider .swiper-button-prev {
  left: -36px;
}
.pg-product__main-slider .swiper-button-next {
  right: -36px;
}
.pg-product__main-slider .swiper-button-next svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pg-product__thumbs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 20px;
}
.pg-product__thumb {
  border: 1px solid #b1b1b1;
  padding: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pg-product__thumb.is-active {
  border-color: #000;
}
.pg-product__thumb:hover {
  cursor: pointer;
}
@media (max-width: 48em) {
  .pg-product__content {
    margin-top: 32px;
  }
}
.pg-product__id {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}
.pg-product__title {
  font-size: 2.5rem;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin-top: 12px;
}
.pg-product__price {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  margin-top: 12px;
}
.pg-product__button {
  position: relative;
  background-color: #000;
  height: 42px;
  max-width: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid currentColor;
  border-radius: 34px;
  margin-top: 20px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-product__button a {
  color: #fff;
  text-decoration: none;
}
.pg-product__button a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pg-product__button a:hover {
  opacity: 1;
  text-decoration: none;
}
@media (max-width: 48em) {
  .pg-product__button {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48.0625em) {
  .pg-product__button {
    max-width: 122px;
    height: 34px;
  }
  .pg-product__button:hover {
    background-color: #fff;
  }
  .pg-product__button:hover a {
    color: #000;
  }
}/*# sourceMappingURL=index.css.map */