.swiper-next_btn-wrap,
.swiper-prev_btn-wrap{
    position: absolute;
    top: 50%;
    z-index: 2;
}

.swiper-next_btn-wrap{
  right: min( calc( 6 / 750 * 100vw), 6px );
  opacity: 0.7;
}

.swiper-prev_btn-wrap{
  left: min( calc( 6 / 750 * 100vw), 6px );
  opacity: 0.7;
}

.swiper-button-prev,
.swiper-button-next {
    height: min( calc( 81 / 750 * 100vw), 81px );
    width: min( calc( 81 / 750 * 100vw), 81px );
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    margin: auto;
    background-image: url(https://www.starbucks.co.jp/top/images/swiper-button-next.svg);
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0px 3px 12px 0px rgb(0, 0, 0, 30%);
}

.swiper-button-prev {
    transform: scale(-1, 1);
}

.swiper-slide {
  height: auto;
}

.swiper-hidden {
  opacity: 0;
}

.swiper-btn-wrap {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: max(calc(31% - calc( 31 / 750 * 100vw )) ,calc(31% - 31px));
  margin: auto;
  left: 0;
  right: 0;
}
.swiper5  .swiper-btn-wrap {
  top: calc(50% - 5px);
}

.swiper {
  overflow: initial;
  width: calc(100% - 10px);
  margin: auto;
}


.swiper > .swiper-wrapper {
padding: 0;
}

.swiper-button-disabled{
visibility: hidden;
}

.swiper-pagination {
  max-width: 114px;
  width: min( calc( 114 / 750 * 100vw ), 114px );
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: min( calc( 80 / 750 * 100vw ), 80px );
  left: 50%;
  transform: translateX(-50%);
}
.swiper-pagination-bullet {
  display: inline-block;
  width: min( calc( 18 / 750 * 100vw ), 18px );
  height: min( calc( 18 / 750 * 100vw ), 18px );
  border: 1px solid rgb(0, 0, 0, 58%);
  border-radius: 50%;
}
.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0, 58%);
}