var swiper1 = new Swiper(".swiper1", {
    slidesPerView: 1,
    slidesPerGroup: 1,
    allowTouchMove: true,
    direction: 'horizontal',
    loop: true,
    speed: 1500,// 切り替え時の速度
    autoplay: {
    delay: 3000,// スライドが切り替わるまでの時間
    },
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});
// TOP Service
const swiper2 = new Swiper(".swiper2", {
    centeredSlides: true,
    slidesPerView: 1.6,
    spaceBetween: 0,
    loop: true,
    allowTouchMove: true,
    direction: 'horizontal',
    // loopAdditionalSlides: 3,
    navigation: {
        nextEl: ' .swiper-wrap2 .swiper-button-next',
        prevEl: '.swiper-wrap2 .swiper-button-prev',
    },
});
// TOP PICK UP
const swiper3 = new Swiper(".swiper3", {
    slidesPerView: 5,
    slidesPerGroup: 3,
    spaceBetween: 23,
    loop: true,
    allowTouchMove: true,
    loopAdditionalSlides: 1,
    direction: 'horizontal',
    navigation: {
        nextEl: '.swiper-wrap3 .swiper-button-next',
        prevEl: '.swiper-wrap3 .swiper-button-prev',
    },
    autoplay: {
        delay: 3000,// スライドが切り替わるまでの時間
        },
    breakpoints: {//breakpoints
        375: {
            slidesPerView: 2,
            // 3/30
            slidesPerGroup: 1,
            // ここまで
            spaceBetween: 16,
        },
        768: {
            slidesPerView: 4,
            spaceBetween: 20,
        },
        1101: {
            slidesPerView: 5,
            spaceBetween: 23,
        },
    },
});
// Space Product
const theWrapper = document.getElementById('swiper-wrapper');
const swiper4 = new Swiper(".swiper4", {
    slidesPerView: 5,
    spaceBetween: 8,
    loop: true,
    allowTouchMove: true,
    direction: 'horizontal',
    freeMode: true,
    speed: 3000,
    autoplay: {
        delay: 0,　// 0にすることで流れ続けるようになる
        disableOnInteraction: false,
    },
    on: {
        slideChangeTransitionStart: function () {
            theWrapper.style.transitionTimingFunction = 'linear';
        }
    },
});



// Space Service
var swiper8 = new Swiper(".swiper8", {
    slidesPerView: 1,
    slidesPerGroup: 1,
    allowTouchMove: true,
    direction: 'horizontal',
    loop: true,
    speed: 1500,// 切り替え時の速度
    autoplay: {
    delay: 3000,// スライドが切り替わるまでの時間
    },
    navigation: {
        nextEl: '.swiper8 .swiper-button-next',
        prevEl: '.swiper8 .swiper-button-prev',
    },
});
var swiper9 = new Swiper(".swiper9", {
    slidesPerView: 1,
    slidesPerGroup: 1,
    allowTouchMove: true,
    direction: 'horizontal',
    loop: true,
    speed: 1500,// 切り替え時の速度
    autoplay: {
    delay: 3000,// スライドが切り替わるまでの時間
    },
    navigation: {
        nextEl: '.swiper9 .swiper-button-next',
        prevEl: '.swiper9 .swiper-button-prev',
    },
});
var swiper10 = new Swiper(".swiper10", {
    slidesPerView: 1,
    slidesPerGroup: 1,
    allowTouchMove: true,
    direction: 'horizontal',
    loop: true,
    speed: 1500,// 切り替え時の速度
    autoplay: {
    delay: 3000,// スライドが切り替わるまでの時間
    },
    navigation: {
        nextEl: '.swiper10 .swiper-button-next',
        prevEl: '.swiper10 .swiper-button-prev',
    },
});

// Signage デジタルサイネージ製品一覧
// 上段
/*3/30*/
const theWrapper5 = document.getElementById('swiper5');
const swiper5 = new Swiper(".swiper5", {
    freeMode: true,
    slidesPerView: 5,
    spaceBetween: 20,
    loop: true,
    allowTouchMove: true,
    direction: 'horizontal',
    speed: 2800,
    autoplay: {
        delay: 0,　// 0にすることで流れ続けるようになる
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
    },
    on: {
        slideChangeTransitionStart: function () {
            theWrapper5.style.transitionTimingFunction = 'linear';
        }
    },
    breakpoints: {//breakpoints
        375: {
            slidesPerView: 2.3,
            spaceBetween: 7,
        },
        768: {
            slidesPerView: 3.5,
            spaceBetween: 20,
        },
        1025: {
            slidesPerView: 4,
            spaceBetween: 23,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 23,
        },
    },
});

// 中段
const theWrapper6 = document.getElementById('swiper6');
const swiper6 = new Swiper(".swiper6", {
    freeMode: true,
    slidesPerView: 5,
    spaceBetween: 20,
    loop: true,
    allowTouchMove: true,
    direction: 'horizontal',
    speed: 3300,
    autoplay: {
        delay: 0,　// 0にすることで流れ続けるようになる
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
    },
    on: {
        slideChangeTransitionStart: function () {
            theWrapper6.style.transitionTimingFunction = 'linear';
        }
    },
    breakpoints: {//breakpoints
        375: {
            slidesPerView: 2.3,
            spaceBetween: 7,
        },
        768: {
            slidesPerView: 3.5,
            spaceBetween: 20,
        },
        1025: {
            slidesPerView: 4,
            spaceBetween: 23,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 23,
        },
    },
});
// 下段
const theWrapper7 = document.getElementById('swiper7');
const swiper7 = new Swiper(".swiper7", {
    freeMode: true,
    slidesPerView: 5,
    spaceBetween: 20,
    loop: true,
    allowTouchMove: true,
    direction: 'horizontal',
    speed: 2900,
    autoplay: {
        delay: 0,　// 0にすることで流れ続けるようになる
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
    },
    on: {
        slideChangeTransitionStart: function () {
            theWrapper7.style.transitionTimingFunction = 'linear';
        }
    },
    breakpoints: {//breakpoints
        375: {
            slidesPerView: 2.3,
            spaceBetween: 7,
        },
        768: {
            slidesPerView: 3.5,
            spaceBetween: 20,
        },
        1025: {
            slidesPerView: 4,
            spaceBetween: 23,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 23,
        },
    },
});
/*ここまで*/