#contents_wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

#first_view {
  background-color: #EEA39E;
}
#first_view .fv2 {
  margin-top: 4%;
}

.series {
  padding: 4%;
  background-color: #eed6d6;
}
.series__title {
  width: 46%;
  margin: 0 auto 3%;
}
.series__btn {
  width: 20%;
  margin: 2% auto 6%;
  transition: 0.3s;
}
.series__btn:hover {
  opacity: 0.7;
}

.bag .swiper {
  width: 40%;
  cursor: pointer;
  padding: 0 0 3%;
}
.bag .swiper-pagination {
  position: relative;
  bottom: -13px !important;
}
.bag .swiper-pagination-bullet {
  background-color: #000;
  opacity: 0.6;
}
.bag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.bag .swiper-button-next {
  top: 96%;
  right: 30%;
  border-radius: 50%;
  background-color: #fff;
  width: 24px;
  height: 24px;
}
.bag .swiper-button-prev {
  top: 96%;
  left: 30%;
  border-radius: 50%;
  background-color: #fff;
  width: 24px;
  height: 24px;
}
.bag .swiper-button-next::after {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  opacity: 0.6;
}
.bag .swiper-button-prev::after {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  opacity: 0.6;
}

@media screen and (max-width: 1060px) {
  .bag .swiper-button-next {
    right: 26%;
  }
  .bag .swiper-button-prev {
    left: 26%;
  }
}
@media screen and (max-width: 740px) {
  .bag .swiper-button-next {
    top: 96.5%;
    right: 20%;
  }
  .bag .swiper-button-prev {
    top: 96.5%;
    left: 20%;
  }
}
@media screen and (max-width: 599px) {
  .series {
    padding: 8%;
    background-color: #eed6d6;
  }
  .series__title {
    width: 90%;
    margin: 0 auto 6%;
  }
  .series__btn {
    width: 46%;
    margin: 8% auto 12%;
    transition: 0.3s;
  }
  .series__btn:hover {
    opacity: 0.7;
  }
  .bag .swiper {
    width: 78%;
    height: 200%;
    cursor: pointer;
  }
  .bag .swiper-pagination {
    position: relative;
    bottom: -10px !important;
  }
  .bag .swiper-pagination-bullet {
    background-color: #000;
    opacity: 0.6;
    width: 6px;
    height: 6px;
  }
  .bag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
  }
  .bag .swiper-button-next {
    top: 99.5%;
    right: 22%;
    width: 20px;
    height: 20px;
  }
  .bag .swiper-button-prev {
    top: 99.5%;
    left: 22%;
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 375px) {
  .bag .swiper-button-next {
    top: 102%;
    right: 20%;
    width: 16px;
    height: 16px;
  }
  .bag .swiper-button-prev {
    top: 102%;
    left: 20%;
    width: 16px;
    height: 16px;
  }
  .bag .swiper-button-next::after {
    font-size: 8px;
  }
  .bag .swiper-button-prev::after {
    font-size: 8px;
  }
}/*# sourceMappingURL=24_st_holiday.css.map */