//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.5,
                },

            },
        });

        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.5,
                },

            },
        });
        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を停止
            }
        });
    });


      //3つ目
    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: 2.2,
                },

            },
        });
        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を停止
            }
        });
    });


      //4つ目
    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.7,
                },

            },
        });
        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を停止
            }
        });
    });
      //5つ目
    const swiperThumbnail5 = new Swiper("#room-thumb05", {
        spaceBetween: 10,
        slidesPerView: 4,

        breakpoints: {
            1024: {

                slidesPerView: 4,

            }
        },
    });


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

                1024: {
                    slidesPerView: 1.7,
                },

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