/* Safariでのちらつき軽減 */
.swiper-parent .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.swiper-parent .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
}

/* Swiper本体 */
.swiper-parent .swiper {
  /* ☆前・次ページボタンの幅をそれぞれ50pxとして、その分を引く */
  /* width: calc(100% - 100px);	 */
  /* ★ページネーション・スクロールバー分の余白50pxを下に取る */
  /* padding-bottom: 60px;		 */
  /* box-sizing: content-box; */
  width: 100%;
  height: 100%;
}

.swiper-parent .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-parent .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* Swiperの親要素 */
.swiper-parent .swiper-parent {
  position: relative;
}

/* 前・次スライドボタンの調整 */
/* フォーカス時の枠線非表示 */
.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: none;
}
/* クリックできないように＋サイズ調整 */
.swiper-button-prev,
.swiper-button-next {
  pointer-events: none;
  top: 7% !important;
  height: 100% !important;
}
/* デフォルト矢印を非表示
   - Swiper v8 までは :after の content で描画していたので display:none で消えた
   - Swiper v12+ は .swiper-navigation-icon という SVG 子要素を JS で注入するため、
     そちらも併せて消す必要がある。両方残しておく。 */
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none !important;
}
.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon {
  display: none !important;
}

/* 前ページボタンのスタイル */
.swiper-button-prev:before {
  content: url("./allow.svg");
  display: block;
  bottom: -40px;
  position: absolute;
  left: 0px;
  pointer-events: auto;
}

/* 次ページボタンのスタイル */
.swiper-button-next:before {
  content: url("./allow.svg");
  display: block;
  bottom: -40px;
  position: absolute;
  right: 0px;
  pointer-events: all;
  transform: scale(-1, 1);
}

/* Pagination */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  bottom: -50px;
}
.swiper-pagination-bullet-active {
  background-color: #222;
}

/* 600px以下は幅を100pxにする */
@media screen and (max-width: 600px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: 90% !important;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px;
  }

  .swiper-button-prev:before,
  .swiper-button-next:before {
    width: 100px;
    overflow: hidden;
    bottom: -30px;
  }
}

/* === productGallery === */
.swiper.productGallery {
  width: 100%;
  height: 100%;
}

.productGallery .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.productGallery .swiper-slide img {
  display: block;
  object-fit: cover;
}

.productGallery .swiper-pagination {
}

/* ===== LOGOS ===== */
/* コンテナー */
#Logos_list .container {
  /* max-width: 900px; */
  width: 100%;
  margin: 0 auto;
}

/* スライダーのwrapper */
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* スライド */
.infinite-slider .swiper-slide {
  /* height: 320px !important;  */
  padding-top: 1.3rem;
  padding-bottom: 2rem;
  width: auto !important;
}

/* スライド内の画像 */
.infinite-slider .swiper-slide img {
  /* width: auto;
  height: 100%; */
}