(function () {
  function init() {
    var carousel = document.querySelector(".js-carousel");
    if (!carousel) return;

    new Swiper(".js-carousel", {
      // 自動スライドなし（デフォルトOFF）
      speed: 500,
      spaceBetween: 16,

      // 中央にアクティブ
      centeredSlides: true,

      // PC：3枚表示、SP：1枚表示
      slidesPerView: 3,
      breakpoints: {
        0: { slidesPerView: 1, centeredSlides: true },
        641: { slidesPerView: 3, centeredSlides: true },
      },

      // スライド下のコントロール（外部配置）
      pagination: {
        el: ".js-carousel-controls .swiper-pagination",
        clickable: true,
      },
      navigation: {
        nextEl: ".js-carousel-controls .swiper-button-next",
        prevEl: ".js-carousel-controls .swiper-button-prev",
      },

      // タブ/モーダル内でも崩れにくく
      observer: true,
      observeParents: true,

      // アクセシビリティ
      a11y: { enabled: true },
    });
  }

  // HTMLでdefer指定が無くても動くようガード
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();