// スクロール時のヘッダーの表示,非表示
$(function(){
        var startPos = 0;
        var headerElem = $('.header');
        var threshold = 200;
        $(window).on('scroll',function(){
        var currentPos = $(this).scrollTop();
        if(currentPos > startPos) {
        if($(window).scrollTop() >= threshold) {
        headerElem.css({
        'transform': 'translateY(0)'
        });
        }
        } else {
        headerElem.css({
        'transform': 'translateY(-70px)'
        });
        }
          startPos = currentPos;
        });
    });

// infiniteslide
$(function () {
	$('.infiniteslide').infiniteslide({
    speed: 50,
    pauseonhover: false,
    });
    
    $('.slide_margin').infiniteslide();
});

// タブ切り替え
$(function() {
  let tabs = $(".tab"); // tabのクラスを全て取得し、変数tabsに配列で定義
  $(".tab").on("click", function() { // tabをクリックしたらイベント発火
    $(".active").removeClass("active"); // activeクラスを消す
    $(this).addClass("active"); // クリックした箇所にactiveクラスを追加
    const index = tabs.index(this); // クリックした箇所がタブの何番目か判定し、定数indexとして定義
    $(".content_wrap").removeClass("show").eq(index).addClass("show"); // showクラスを消して、contentクラスのindex番目にshowクラスを追加
  })
})

// スリックスライダー
$(function () {
    $('.slick_slider').slick({
        arrows: false,
        infinite: false,
        centerMode: true,
        slidesToShow: 1
   });
})

$(function () { 
  //背景とアラートボックスを非表示に
  $("#bg").hide();
  //続きを見るをクリック
  $(".click").click(function () {
    //クリック時の処理
    $("#bg").fadeIn(300);
  });

  $("#close").click(function () {
    $("#bg").fadeOut(300);
  });
});