/*
 * Swiper button overrides
 * 旧テーマ (.swiper_open / .swiper_open_01 / .swiper_opentype) で legacy CSS が
 * 矢印を描画してしまうのを打ち消す。app/layout.tsx のインライン <style> を外出ししたもの。
 */

.swiper_open .swiper-button-prev::after,
.swiper_open .swiper-button-next::after,
.swiper_open .swiper-button-prev:after,
.swiper_open .swiper-button-next:after,
.swiper_open_01 .swiper-button-prev::after,
.swiper_open_01 .swiper-button-next::after,
.swiper_open_01 .swiper-button-prev:after,
.swiper_open_01 .swiper-button-next:after,
.swiper_opentype .swiper-button-prev::after,
.swiper_opentype .swiper-button-next::after,
.swiper_opentype .swiper-button-prev:after,
.swiper_opentype .swiper-button-next:after {
  content: none !important;
  display: none !important;
}

.swiper_open .swiper-button-prev > *,
.swiper_open .swiper-button-next > *,
.swiper_open_01 .swiper-button-prev > *,
.swiper_open_01 .swiper-button-next > *,
.swiper_opentype .swiper-button-prev > *,
.swiper_opentype .swiper-button-next > * {
  display: none !important;
  visibility: hidden !important;
}

.swiper_open .swiper-button-prev,
.swiper_open .swiper-button-next,
.swiper_open_01 .swiper-button-prev,
.swiper_open_01 .swiper-button-next,
.swiper_opentype .swiper-button-prev,
.swiper_opentype .swiper-button-next {
  color: transparent !important;
  font-size: 0 !important;
}

.swiper_open_01 .swiper-slide > a {
  position: relative !important;
  max-width: 380px;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

.swiper_open_01 .swiper-slide a > p.elearning_on {
  left: 0 !important;
  top: -16px !important;
}