$(function () {
	// TABLE SCROLL HINT
	new ScrollHint(".js-scrollable", {
		i18n: {
			scrollable: "スクロールできます",
		},
	});
	
	// CONCEPT slide
    $('.concept_slider').slick({
        autoplay: true,
        autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
        speed: 15000, // スライドが流れる速度を設定
        cssEase: "linear", // スライドの流れ方を等速に設定
        infinite: true,
        pauseOnHover: false,
        pauseOnFocus: false,
        touchMove: false,
        slidesToShow: 4,
        slidesToScroll: 1,
        centerMode: true,
        centerPadding: "5%",
        dots: false,
        arrows: false,
        responsive: [{
            breakpoint: 992,
            settings: {
                slidesToShow: 1,
                centerPadding: "35%",
            }
        },{
            breakpoint: 768,
            settings: {
                slidesToShow: 1,
                centerPadding: "20%",
            }
        }]
    });
    // 対象のクラスを配列で指定
	const galleryClasses = ['.s_works_gallery1', '.s_works_gallery2', '.s_works_gallery3'];
	
	// 各クラスにslickを適用
	galleryClasses.forEach(selector => {
		$(selector).slick({
			mobileFirst: true,
			autoplay: true,
			autoplaySpeed: 2500,
			speed: 1500,
			centerMode: true,
			centerPadding: "10%",
			infinite: true,
			arrows: false,
			dots: false,
			slidesToShow: 1,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 767,
				settings: 'unslick'
			}]
		});
	});
	
	// MODEL HOUSE
	$('.model_slide').slick({
        autoplay: true,
		autoplaySpeed: 2500,
		speed: 1500,
        dots: false,
		arrows: false,
        infinite: true,
		slidesToScroll: 1,
        pauseOnHover: false,
		centerMode:true,
		centerPadding:"9.72%",
		asNavFor: '.model_slide_thum'
    })
	$('.model_slide_thum').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        asNavFor: '.model_slide',
         dots: false,
        arrows: false,
        focusOnSelect: true,
    });
	
	// ACCORDION
	$('.accordion_one .ac_header').click(function(){
		$(this).next('.ac_inner').slideToggle();
		$(this).toggleClass("open");
	});	
});


// modal
$(function(){
    var winScrollTop;
    $('.js-modal-open').each(function(){
        $(this).on('click',function(){
            //スクロール位置を取得
            winScrollTop = $(window).scrollTop();
            var target = $(this).data('target');
            var modal = document.getElementById(target);
            $(modal).fadeIn();
            return false;
        });
    });
    $('.js-modal-close').on('click',function(){
        $('.js-modal').fadeOut();
        $('body,html').stop().animate({scrollTop:winScrollTop}, 100);
        return false;
    }); 
});