/* =========================
Swiper 共通（Cartier風）
========================= */

.menu-card-swiper,
.js-premium-slider{
  position:relative;
}

/* 矢印 */

.swiper-button-prev,
.swiper-button-next{

  width:44px;
  height:44px;

  border:1px solid rgba(255,255,255,.55);

  border-radius:50%;

  background:rgba(255,255,255,.08);

  backdrop-filter:blur(12px);

  transition:.45s ease;

  z-index:30;

  opacity:1;
}

/* アイコン */

.swiper-button-prev:after,
.swiper-button-next:after{

  font-size:11px;
  font-weight:300;

  color:#fff;
}

/* 位置 */

.swiper-button-prev{
  left:18px;
}

.swiper-button-next{
  right:18px;
}

/* hover */

.swiper-button-prev:hover,
.swiper-button-next:hover{

  background:rgba(255,255,255,.18);

  border-color:rgba(255,255,255,.9);

  transform:scale(1.05);
}


/* =========================
Pagination
========================= */

.swiper-pagination{
  z-index:30;
  bottom:18px !important;
}

.swiper-pagination-bullet{

  width:6px;
  height:6px;

  background:rgba(255,255,255,.35);

  opacity:1;

  transition:.45s ease;
}

.swiper-pagination-bullet-active{

  width:26px;

  border-radius:999px;

  background:rgba(255,255,255,.92);
}