@charset "utf-8";

.campaign .swiper-wrapper {
  justify-content: center;
}

.swiper-pagination-bullet {
  border-radius: 0 !important;
  background: #F2E2E9 !important;
  opacity: 0.8 !important;
  width: 10px !important;
  height: 10px !important;
  outline: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--txt-pink) !important;
  outline: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px !important;
}

.swiper-button-prev,
.swiper-button-next {
  /* position: relative; */
  top: initial !important;
  bottom: 0 !important;
  width: 35px !important;
  height: initial !important;
  aspect-ratio: 1/1;
  border:1px solid var(--txt-pink) !important;
  background: var(--color-white);
}

#store .swiper-button-next {
  right: calc(90% - clamp(0px, 63vw, 970px) + 35px) !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "" !important;
  position: absolute;
  top:50%;
  left: 50%;
  translate: -50% -50%;
  background: url(../../../image/common/page-arw.webp) no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
}

.swiper-button-next::after {
  rotate: 180deg;
}

#store .swiper-pagination {
  margin-right: calc(50% - 50vw);
  width: calc(100% - (100% - min(1070/1520*100vw,1070px))) !important;
}

.gallerySwiper .swiper-button-lock {
  display: initial;
}

@media screen and (max-width: 1199px) {
  #store .swiper-pagination {
    margin-right: initial;
    width: 100% !important;
  }

  #store .swiper {
    margin-right: 0;
    padding-bottom: 107px;
  }

  #store .swiper-button-next {
    right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    width: 65px !important;
  }

  .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }
}