console.log('v2.20');

$('.MenuButton').on('click', function () {
  var menu = $('.Menu');
  menu.toggleClass('is--Open');
  $('.MenuButton').toggleClass('is--Open');

  // メニューが開いているかどうかでbodyのスクロール禁止を切り替え
  $('body').toggleClass('is--NoScroll', menu.hasClass('is--Open'));
});

$(window).on('load', function () {
  // ----------------
  // Idをふる
  // ----------------
  $('.Section').each(function (index) {
    $(this).attr('id', 'Section-' + (index + 1));
  });

  // ----------------
  // ハッシュがある場合、その部分へスムーズスクロール
  // ----------------

  var hash = window.location.hash;
  if (hash) {
    setTimeout(function () {
      var target = document.querySelector(hash);
      if (target) {
        target.scrollIntoView({ behavior: 'smooth' });
      }
    }, 500); // ページの他の要素がロードされるのを少し待つ
  }

  // ----------------
  // slick
  // ----------------
  $('.MvSlider').slick({
    infinite: true,
    speed: 500,
    fade: true,
    cssEase: 'linear',
    autoplay: true,
    autoplaySpeed: 2000,
    arrows: false,
    pauseOnFocus: false, //フォーカスで一時停止
    pauseOnHover: false, //マウスホバーで一時停止
  });
  $('.Mv').addClass('is--Show');

  // ----------------
  // HomeSlider
  // ----------------
  $('.HomeSlider').slick({
    autoplay: true, //自動でスライドさせる
    autoplaySpeed: 0, //次の画像に切り替えるまでの時間 今回の場合は0
    speed: 8000, //画像が切り替わるまでの時間 今回の場合は難病で1枚分動くか
    cssEase: 'linear', //動きの種類は等速に
    arrows: false, //左右に出る矢印を非表示
    swipe: false, //スワイプ禁止
    pauseOnFocus: false, //フォーカスが合っても止めない
    pauseOnHover: false, //hoverしても止めない
    centerMode: true, //一枚目を中心に表示させる
    initialSlide: 3, //最初に表示させる要素の番号を指定
    variableWidth: true, //スライドの要素の幅をcssで設定できるようにする
  });
});

$(window).on('scroll resize', function () {
  if ($(this).scrollTop() > 750) {
    $('header, .home .MenuButton').addClass('is--Show');
    // $('header, .MenuButton').addClass('is--Show');
  } else {
    $('header, .home .MenuButton').removeClass('is--Show');
    // $('header, .MenuButton').removeClass('is--Show');
  }
});