/**
 * Swiper テーマ用カスタマイズ
 * 旧 css/swiper.css（Swiper 5.4.5 改変版）に入っていた独自指定を Swiper 14 用に移植
 * ライブラリ本体は css/swiper-bundle.min.css（無改変）
 */

:root {
  --swiper-navigation-sides-offset: 5px;
}

/* 前へ・次へボタン */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 20px;
    height: 20px;
  }
}

/* 矢印アイコン（画像） */
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
  line-height: 1;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    width: 20px;
    height: 20px;
    background-size: cover !important;
  }
}
.swiper-button-prev:after {
  background: url("../img/common/arrow_l.svg");
}
.swiper-button-next:after {
  background: url("../img/common/arrow_r.svg");
}