/* ブロック全体 */
.swiper-container {
    overflow: hidden;
}
.swiper-wrapper figure {
    margin: 0;
}
.wp-block-my-block-swiper-block {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 20px auto;
	opacity:0;
  }
  
  /* Swiperコンテナのoverflowをvisibleにして、
     外側 .wp-block-my-plugin-slider-block で隠すパターン */
  .wp-block-my-block-swiper-block .swiper-container {
    overflow: visible;
  }
  
  /* スライド要素（画像ブロック等）のデフォルト */
  .wp-block-my-block-swiper-block .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    text-align: center;
  }

  .wp-block-my-block-swiper-block {
    position: relative;
    margin: 0 0 -74px;

}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background: #222;
  height: calc(tan(60deg) * 36px / 2);
  width: 26px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
    background: #222;
    height: calc(tan(60deg) * 36px / 2);
    width: 26px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}


/* Swiper コンテナに下部余白を確保 */
.wp-block-my-block-swiper-block .swiper-container {
    position: relative;
    overflow: visible;
    padding-bottom: 60px; /* コントロール表示用の余白 */
  }
  

.wp-block-my-block-swiper-block .swiper-controls {
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    max-width: 1140px;
    display: flex;
    position: relative;
    justify-content: end;
    height: 74px;
    align-items: center;
    gap: 50px;
}
  .swiper-button-next, .swiper-button-prev,.swiper-pagination{
    width: fit-content !important;
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
  }
  .swiper-pagination-bullet {
    width: 38px;
    height: 6px;
    border-radius: 0;
    background: #d9d9d9;
    opacity: 1;
    margin-right:6px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222 !important;
}
.swiper-pagination {
    margin-top: -12px;
}
@media (min-width: 1140px) {
  .wp-block-my-block-swiper-block .swiper-slide {
      width: 1140px !important;
      margin-left: auto;
      margin-right: auto;
    }
  }
@media (max-width: 768px) {
    .swiper-button-next, .swiper-button-prev{
        display: none;
      }
      .swiper-controls {
        justify-content: center !important;
        gap: 0 !important;
        padding: 0 !important;
        bottom: 42px;
    }
}