const swiper = new Swiper(".swiper", {
  loop: true, // ループ
  speed: 500, 
  // ページネーション
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
});





// 動きのきっかけの起点となるアニメーションの名前を定義
function fadeAnime() {

  $('.smoothTriggerTop').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('smoothTop');// 画面内に入ったらsmoothというクラス名を追記
    } else {
      $(this).removeClass('smoothTop');// 画面外に出たらsmoothというクラス名を外す
    }
  });

  $('.logoTriggerTop').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('logoTop');// 画面内に入ったらsmoothというクラス名を追記
    } else {
      $(this).removeClass('logoTop');// 画面外に出たらsmoothというクラス名を外す
    }
  });

  $('.blurTrigger').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('blur');// 画面内に入ったらsmoothというクラス名を追記
    } 
  });

  $('.playerMenuImgTrigger').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('playerMenuImgA');// 画面内に入ったらsmoothというクラス名を追記
    } 
  });

  $('.playerMenuTxtTrigger').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('playerMenuTxtA');// 画面内に入ったらsmoothというクラス名を追記
    } 
  });

  $('.linkBtnTrigger').each(function () { //smoothTriggerというクラス名が
    var elemPos = $(this).offset().top - 50;//要素より、50px上の
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll >= elemPos - windowHeight) {
      $(this).addClass('linkBtnA');// 画面内に入ったらsmoothというクラス名を追記
    }
  });
}

// 画面をスクロールをしたら動かしたい場合の記述
$(window).scroll(function () {
  fadeAnime();/* アニメーション用の関数を呼ぶ*/
});// ここまで画面をスクロールをしたら動かしたい場合の記述

// 画面が読み込まれたらすぐに動かしたい場合の記述
$(window).on('load', function () {
  fadeAnime();/* アニメーション用の関数を呼ぶ*/
});// ここまで画面が読み込まれたらすぐに動かしたい場合の記述