//1つ目
    const swiperThumbnail = new Swiper("#room-thumb01", {
        slidesPerView: 3, // サムネイルの枚数
        spaceBetween: 10,
        //centeredSlides: true,
        //centeredSlidesBounds: true,
        //watchSlidesProgress: true,

        breakpoints: {
            1024: {
                slidesPerView: 3,

            }
        },
    });

    $(function() {

        const swiper = new Swiper("#room-slide01", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            autoplay: {
                delay: 3000,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev"
            },
            thumbs: {
                swiper: swiperThumbnail
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.3,
                },

            },
        });

        swiper.autoplay.stop(); //画面に現れるまでswiperを停止
        $(window).on('scroll', function() {
            let position = $('#room-slide01').offset().top - $(window).innerHeight() + 100,
                scrollTop = $(window).scrollTop();
            if (scrollTop > position) {
                swiper.autoplay.start(); //画面に現れたらswiperを開始
            } else {
                swiper.autoplay.stop(); // 画面外にスクロールしたらswiperを停止
            }
        });
    });


    //2つ目
    const swiperThumbnail2 = new Swiper("#room-thumb02", {
        spaceBetween: 10,
        slidesPerView: 4,

        breakpoints: {
            1024: {

                slidesPerView: 4,

            }
        },
    });


    $(function() {
        const swiper = new Swiper("#room-slide02", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            autoplay: {
                delay: 3000,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev"
            },
            thumbs: {
                swiper: swiperThumbnail2
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.3,
                },

            },
        });
        swiper.autoplay.stop(); //画面に現れるまでswiperを停止
        $(window).on('scroll', function() {
            let position = $('#room-slide02').offset().top - $(window).innerHeight() + 100,
                scrollTop = $(window).scrollTop();
            if (scrollTop > position) {
                swiper.autoplay.start(); //画面に現れたらswiperを開始
            } else {
                swiper.autoplay.stop(); // 画面外にスクロールしたらswiperを停止
            }
        });
    });


   
    //5つ目
    const swiperThumbnail3 = new Swiper("#room-thumb03", {
        spaceBetween: 10,
        slidesPerView: 4,

        breakpoints: {
            1024: {

                slidesPerView: 4,

            }
        },
    });


    $(function() {
        const swiper = new Swiper("#room-slide03", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            autoplay: {
                delay: 3000,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev"
            },
            thumbs: {
                swiper: swiperThumbnail3
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.3,
                },

            },
        });
        swiper.autoplay.stop(); //画面に現れるまでswiperを停止
        $(window).on('scroll', function() {
            let position = $('#room-slide03').offset().top - $(window).innerHeight() + 100,
                scrollTop = $(window).scrollTop();
            if (scrollTop > position) {
                swiper.autoplay.start(); //画面に現れたらswiperを開始
            } else {
                swiper.autoplay.stop(); // 画面外にスクロールしたらswiperを停止
            }
        });
    });

    //6つ目
    const swiperThumbnail4 = new Swiper("#room-thumb04", {
        spaceBetween: 10,
        slidesPerView: 4,

        breakpoints: {
            1024: {

                slidesPerView: 4,

            }
        },
    });


    $(function() {
        const swiper = new Swiper("#room-slide04", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            autoplay: {
                delay: 3000,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev"
            },
            thumbs: {
                swiper: swiperThumbnail4
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.3,
                },

            },
        });
        swiper.autoplay.stop(); //画面に現れるまでswiperを停止
        $(window).on('scroll', function() {
            let position = $('#room-slide04').offset().top - $(window).innerHeight() + 100,
                scrollTop = $(window).scrollTop();
            if (scrollTop > position) {
                swiper.autoplay.start(); //画面に現れたらswiperを開始
            } else {
                swiper.autoplay.stop(); // 画面外にスクロールしたらswiperを停止
            }
        });
    });



  



 $(function() {
  const swiper = new Swiper('#sauna-infinite01', {
      loop: true, // ループ有効
  slidesPerView: 2.6, // 一度に表示する枚数
  speed: 8000, // ループの時間
  allowTouchMove: false, // スワイプ無効
  autoplay: {
    delay: 0, // 途切れなくループ
  },
    });
});

 $(function() {
  const swiper = new Swiper('#sauna-infinite02', {
      loop: true, // ループ有効
  slidesPerView: 2.6, // 一度に表示する枚数
  speed: 8000, // ループの時間
  allowTouchMove: false, // スワイプ無効
  autoplay: {
    delay: 0, // 途切れなくループ
  },
    });
});


 $(function() {
const mediaQueryList = window.matchMedia("(max-width: 768px)");
let swiper = null;
const initSwiper = () => {
  if (mediaQueryList.matches) {
    swiper = new Swiper("#sauna-sub01", {
       slidesPerView: 1.3, // 一度に表示する枚数
       loop: false,
      autoplay: true,
      spaceBetween: 20,
    });
  } else {
    if (swiper) {
      swiper.destroy(false, true);
    }
  }
};

mediaQueryList.addEventListener("change", initSwiper);
initSwiper();


});



 $(function() {
const mediaQueryList = window.matchMedia("(max-width: 768px)");
let swiper = null;
const initSwiper = () => {
  if (mediaQueryList.matches) {
    swiper = new Swiper("#sauna-sub02", {
       slidesPerView: 1.3, // 一度に表示する枚数
   
       loop: false,
      autoplay: true,
      spaceBetween: 20,
    });
  } else {
    if (swiper) {
      swiper.destroy(false, true);
    }
  }
};

mediaQueryList.addEventListener("change", initSwiper);
initSwiper();


});