.c5-pc-only {
  display: block !important;
}

.c5-sp-only {
  display: none !important;
}
.c5-m92__snap-img2 {
  width: calc(50% - calc(24 / 1920 * 100vw));
  opacity: 0;
  filter: blur(5px);
  transition: .5s all;
}
.c5-m92__snap-img2.c5-active {
  opacity: 1;
  filter: blur(0);
}
.c5-m92__snap-text02 {
  position: relative;
  font-size: calc(20 / 1920 * 100vw);
  color: #FFFFFF;
  font-weight: 300;
  line-height: 1.6;
  opacity: 0;
  filter: blur(5px);
  transition: .75s all;
}
.c5-m92__snap-text02.c5-active {
  opacity: 1;
  filter: blur(0);
}
.c5-m92-ex__detail-360 video {
  max-width: 600px;
  width: 100%;
}
.c5-m92-ex__detail .c5-m92-ex__detail-360 #movie-button.c5-m92-ex__detail-button {
  bottom: calc(20 / 1920 * 100vw);
  right: calc(20 / 1920 * 100vw);
}

.swiper-wrapper2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 / 1920 * 100vw);
}
.c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button {
  cursor: pointer;
  z-index: 60;
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(64 / 1920 * 100vw);
  height: calc(64 / 1920 * 100vw);
  border: solid 1px #FFFFFF;
  border-radius: 50%;
  font-size: 0;
}
.c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button::after {
  content: '';
  display: inline-block;
  width: calc(20 / 1920 * 100vw);
  height: calc(28 / 1920 * 100vw);
  background: url(../../assets/img/play.svg) no-repeat center center / contain;
}
.c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button.c5-paused::after {
  content: '';
  display: inline-block;
  width: calc(20 / 1920 * 100vw);
  height: calc(22 / 1920 * 100vw);
  background: url(../../assets/img/pause.svg) no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
  .c5-pc-only {
    display: none !important;
  }

  .c5-sp-only {
    display: block !important;
  }

  .c5-m92-info .c5-m92-info__title {
    opacity: 1 !important;
    filter: blur(0) !important;
  }

  .c5-m92-info .c5-m92-info__textwrap {
    opacity: 1 !important;
    filter: blur(0) !important;
  }
  .c5-m92__snap-img2 {
    width: 100%;
    margin-bottom: calc(12 / 390 * 100vw);
  }
  .c5-m92__snap-text02 {
    font-size: calc(14 / 390 * 100vw);
    padding-left: calc(16 / 390* 100vw);
    padding-right: calc(16 / 390* 100vw);
  }
  .c5-m92-ex__detail .c5-m92-ex__detail-360 #movie-button.c5-m92-ex__detail-button {
    bottom: calc(30 / 390* 100vw);
    right: calc(10 / 390* 100vw);
  }
  .swiper-wrapper2 {
    flex-direction: column;
  }
  .c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button {
    width: calc(32 / 390 * 100vw);
    height: calc(32 / 390 * 100vw);
  }
  .c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button::after {
    width: calc(10 / 390 * 100vw);
    height: calc(14 / 390 * 100vw);
  }
  .c5-m92-ex__detail #movie-button.c5-m92-ex__detail-button.c5-paused::after {
    width: calc(10 / 390 * 100vw);
    height: calc(11 / 390 * 100vw);
  }
}

@media screen and (max-width: 375px) {
  section.c5-m92-info .c5-m92-info__title {
    margin-bottom: calc(16 / 375 * 100vw);
  }

  section.c5-m92-info .c5-m92-info__text:nth-child(n + 2) {
    margin-top: calc(20 / 375 * 100vw);
  }
}

/* NOTE: fix 241008 */
.c5-m92-main {
  position: static;
  height: auto;
  overflow: hidden;
  scroll-snap-type: unset;
  scroll-behavior: unset;
}

.c5-m92-block .c5-m92-block__bg,
.c5-m92-block .c5-m92-block__mask {
  z-index: 1;
}

html {
  scrollbar-color: #828282 #fff;
}

.c5-m92-pointer-coarse {
  scroll-behavior: smooth;
  scroll-padding-top: 0;
  scroll-snap-type: y mandatory;
}

.c5-m92-main__black {
  scroll-snap-align: unset;
  scroll-snap-stop: unset;
}

.c5-m92-pointer-coarse .c5-m92-main__black--inview {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.c5-m92-pointer-coarse body,
.c5-m92-pointer-coarse .c5-main.c5-m92,
.c5-m92-pointer-coarse .c5-m92-main {
  overflow: clip;
}

.c5-m92-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 100000;
  overflow-y: scroll;
  overscroll-behavior: none;
  scroll-snap-type: y mandatory;
  pointer-events: none;
  scroll-padding-top: 50vh;
  scroll-padding-bottom: 50vh;
  scrollbar-color: #fff #fff;
}

.c5-m92-overlay--active {
  pointer-events: all;
}

.c5-m92-overlay--active::before,
.c5-m92-overlay--active::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.c5-m92-overlay--active::after {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.c5-side-button {
  right: var(--scrollbar-width, 0px);
}