@charset "UTF-8";

.comfort .video_wrapper {
  bottom: 330px;
  max-width: 660px;
}
.detail .video_wrapper {
  bottom: 60px;
  max-width: 460px;
}
.modal1 .open-modal-btn {
  right: 60px;
  bottom: 160px;
}
.modal2 .open-modal-btn {
  right: 90px;
  bottom: 200px;
  font-size: 28px;
}
.color .swiper-button-next-color,
.color .swiper-button-prev-color {
  width: 90px;
  height: 140px;
  background-size: 90px 140px;
}
.color .color-wrap {
  bottom: 70px;
}
.color .swiper-slide img {
  max-width: 580px;
}
.color .swiper-button-next-color {
  background-image: url(https://flxh7ipsut.user-space.cdn.idcfcloud.net/co-backyard/wp-content/uploads/specialcontent/funwari-shorts/img/20260126/color/icon-next-arrow.png);
}
.swiper-button-prev-color {
  background-image: url(https://flxh7ipsut.user-space.cdn.idcfcloud.net/co-backyard/wp-content/uploads/specialcontent/funwari-shorts/img/20260126/color/icon-prev-arrow.png);
}

@media (min-width: 769px) {
  main .inner {
    padding: 0 20px;
    width: 1070px;
  }
}
@media (width < 768px) {
  main .inner {
    padding: 0 5.4vw;
    width: 100%;
  }
  .comfort .video_wrapper {
    bottom: 34.667vw;
    max-width: 74.667vw;
  }
  .detail .video_wrapper {
    bottom: 9.333vw;
    max-width: 58%;
  }
  .modal1 .open-modal-btn {
    right: 7.2vw;
    bottom: 16vw;
  }
  .modal2 .open-modal-btn {
    right: 10.667vw;
    bottom: 22.4vw;
    font-size: 2.67vw;
  }
  .color .swiper-button-next-color,
  .color .swiper-button-prev-color {
    width: 40px;
    height: 90px;
    background-size: 40px 90px;
  }
}