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


    //3つ目
    $(function() {
        const swiper = new Swiper("#sauna-slide01", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            effect: 'fade',
            autoplay: {
                delay: 3000,
            },
            // ページネーション
            pagination: {
                el: "#sauna01-pnation",
                clickable: true,
            },


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

    //4つ目
    $(function() {
        const swiper = new Swiper("#sauna-slide02", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            effect: 'fade',
            autoplay: {
                delay: 3000,
            },
            // ページネーション
            pagination: {
                el: "#sauna02-pnation",
                clickable: true,
            },


        });
        swiper.autoplay.stop(); //画面に現れるまでswiperを停止
        $(window).on('scroll', function() {
            let position = $('#sauna-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を停止
            }
        });
    });



    //7つ目
    const swiperThumbnail5 = new Swiper("#roten-thumb01", {
        spaceBetween: 10,
        slidesPerView: 4,

        breakpoints: {
            1024: {

                slidesPerView: 4,

            }
        },
    });


    $(function() {
        const swiper = new Swiper("#roten-slide01", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 40,
            centeredSlides: true,
            autoplay: {
                delay: 3000,
            },
            thumbs: {
                swiper: swiperThumbnail5
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.8,
                },

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

    //8つ目
    $(function() {
        var swiper = new Swiper('#common-slide', {
            scrollbar: {
                el: '#scrollbar01',
                hide: true,
            },

            loop: false,
            speed: 1000,
            spaceBetween: 3,
            loopAdditionalSlides: 1,
            slidesPerView: 1.8,

                    breakpoints: {

            1024: {
                slidesPerView: 2.8,
            },

        },




        });

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



    //9つ目
    const swiperThumbnail6 = 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,
            },
            thumbs: {
                swiper: swiperThumbnail6
            },
            breakpoints: {

                1024: {
                    slidesPerView: 1.3,
                },

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


    //10つ目
    $(function() {
        var swiper = new Swiper('#faci-slide', {
            scrollbar: {
                el: '#scrollbar02',
                hide: true,
            },

            loop: false,
            speed: 1000,
            spaceBetween: 3,
            loopAdditionalSlides: 1,
            slidesPerView: 1.8,

                    breakpoints: {

            1024: {
                slidesPerView: 3.5,
            },

        },

        });

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