// JavaScript Document

jQuery.noConflict();
jQuery(document).ready(function($){
// ここでは、$はjQueryとして使えます。

/*
$(function () {
  $("#opening_movie .close_btn").on('click', function () {
    $("#opening_movie").fadeOut();
  });
});

// 動画をPC/SP切り替える
$(window).on('load', function() {

const videoPc = document.querySelector("#js-video-pc"); //pc版のビデオタグ
const videPcSrc = videoPc.getAttribute("data-src"); //pc版のビデオタグのdata-src

const videoSp = document.querySelector("#js-video-sp"); //sp版のビデオタグ
const videoSpSrc = videoSp.getAttribute("data-src"); //sp版のビデオタグのdata-src

let pcVideoBool = false;
let spVideoBool = false;

if (751 <= window.innerWidth) {
  //画面幅751pxより大きければpc版読み込み
  videoPc.src = videPcSrc;
  pcVideoBool = true;
} else {
  //それ以外の場合sp版読み込み
  videoSp.src = videoSpSrc;
  spVideoBool = true;
}

window.addEventListener("resize", () => {
  //画面をresize時
  if (751 <= window.innerWidth && !pcVideoBool) {
    //画面幅751pxより大きいかつ、pc版の動画をまだ読み込んでいない場合
    videoPc.src = videPcSrc;
    pcVideoBool = true;
  }

  if (751 > window.innerWidth && !spVideoBool) {
    //画面幅751px未満かつ、sp版の動画をまだ読み込んでいない場合
    videoSp.src = videoSpSrc;
    spVideoBool = true;
  }
});

});
*/

/*
//初回のみモーダルをすぐ出す判定。flagがモーダル表示のstart_open後に代入される
	var access = $.cookie('access')
	if(!access){
		flag = true;
		$.cookie('access', false);
	}else{
		flag = false
	}

	//モーダル表示
	$(".video-open").modaal({
	// start_open:flag, // ページロード時に表示するか
	start_open:true, // ページロード時に表示するか
	overlay_close:true,//モーダル背景クリック時に閉じるか
	type: 'video',
	background: '#000000', // 背景色
	overlay_opacity:0.8, // 透過具合
	before_open:function(){// モーダルが開く前に行う動作
		$('html').css('overflow-y','hidden');// 縦スクロールバーを出さない
	},
	after_close:function(){// モーダルが閉じた後に行う動作
		$('html').css('overflow-y','scroll');// 縦スクロールバーを出す
	}
	});
*/

/* ポップアップ */
$(function() {
  $("#popup_guidance .close_btn").click(function(){
    $("#popup_guidance").css("display","none");
  });
});


// GSAP
gsap.registerPlugin('ScrollTrigger');


// メインスライダー
gsap.set('#slider', {
  clipPath: "inset(50% 0%)"
});
gsap.to("#slider", {
  clipPath: "inset(0% 0%)"
});

gsap.set('#slider_copy > *', {
  opacity: 0,
  y: 50,
});

if (window.matchMedia('screen and (max-width: 750px)').matches) {
  //スクリーンサイズが750pxより小さい時の処理
}else{
  //750px以上のデスクトップでの処理
  // スマホの時はxxx-sp.jpgに入れ替える
  $("#slider .bxslider img").each(function() {
		var img_url =$(this).attr("src");
    var replace = img_url.replace(/-sp.jpg/g, '');
    // alert(replace);
    $(this).attr("src",replace+".jpg");
		$(this).attr("srcset",replace+"@2x.jpg");
	});
}
/*
$('#slider .bxslider').bxSlider({
  	mode: 'fade',
    controls: false,
		auto: true,
		pause: 5000,
    onSlideBefore: function($slideElement, oldIndex, newIndex){
      var num = newIndex + 1;
      // alert(num);
      $('#slider_copy').removeClass();
      $('#slider_copy').addClass("slide"+num);
      if(num == 1){
      gsap.to('#slider_copy > *', {
        opacity: 0,
        y: 50,
        duration: 0.01,
      });
      }else{
      gsap.to('#slider_copy > *', {
        opacity: 1,
        y: 0,
        duration: 1.2,
        delay: .2,
        stagger: .8,
      });
      }
    }
});
*/




gsap.set('#company .bg', {
  width: "0%"
});
gsap.to("#company .bg", {
  width: "100%",
  delay: .5,
  scrollTrigger: {
    trigger: '#company .bg',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#company .photo div', {
  clipPath: "inset(0% 100% 0% 0%)"
});
gsap.to("#company .photo div", {
  clipPath: "inset(0% 0% 0% 0%)",
  delay: .8,
  scrollTrigger: {
    trigger: '#company .photo img',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#company .mini_photo li', {
  opacity: 0,
  y: 50,
});
gsap.to("#company .mini_photo li", {
  opacity: 1,
  y: 0,
  stagger: 0.1,
  scrollTrigger: {
    start: 'top 70%',
    trigger: '#company .mini_photo',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#company .text > *', {
  opacity: 0,
  y: 50,
});
gsap.to("#company .text > *", {
  opacity: 1,
  y: 0,
  stagger: 0.1,
  scrollTrigger: {
    start: 'top 90%',
    trigger: '#company .text > *',
    toggleActions: 'play none none reverse',
  }
});

gsap.set('#search .bg', {
  width: "0%"
});
gsap.to("#search .bg", {
  width: "100%",
  scrollTrigger: {
    trigger: '#search .bg',
    toggleActions: 'play none none reverse',
  }
});

if (window.matchMedia('screen and (max-width: 750px)').matches) {
  //スクリーンサイズが750pxより小さい時の処理
  gsap.set('#search .photo img', {
      clipPath: "inset(0% 100% 0% 0%)"
    });
}else{
  //750px以上のデスクトップでの処理
  gsap.set('#search .photo img', {
      clipPath: "inset(0% 0% 0% 100%)"
    });
}
gsap.to("#search .photo img", {
  clipPath: "inset(0% 0% 0% 0%)",
  delay: .3,
  scrollTrigger: {
    trigger: '#search .photo img',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#search .text > *', {
  opacity: 0,
  y: 50,
});
gsap.to("#search .text > *", {
  opacity: 1,
  y: 0,
  stagger: 0.1,
  scrollTrigger: {
    start: 'top 90%',
    trigger: '#search .text > *',
    toggleActions: 'play none none reverse',
  }
});


gsap.set('#top_alpha > *', {
  opacity: 0,
  y: 50,
});
gsap.to("#top_alpha > *", {
  opacity: 1,
  y: 0,
  stagger: 0.2,
  scrollTrigger: {
    start: 'top 90%',
    trigger: '#top_alpha > *',
    toggleActions: 'play none none reverse',
  }
});


gsap.set('#about_us', {
  opacity: 0,
});
gsap.to("#about_us", {
  opacity: 1,
  scrollTrigger: {
    start: 'top 90%',
    trigger: '#about_us',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#about_us .photo img', {
  clipPath: "inset(0% 100% 0% 0%)"
});
gsap.to("#about_us .photo img", {
  clipPath: "inset(0% 0% 0% 0%)",
  scrollTrigger: {
    trigger: '#about_us .photo img',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#about_us h2', {
  opacity: 0,
  y: 50,
});
gsap.to("#about_us h2", {
  opacity: 1,
  y: 0,
  scrollTrigger: {
    start: 'top 80%',
    trigger: '#about_us h2',
    toggleActions: 'play none none reverse',
  }
});
gsap.set('#about_us .text li', {
  opacity: 0,
  y: 50,
});
gsap.to("#about_us .text li", {
  opacity: 1,
  y: 0,
  stagger: 0.1,
  scrollTrigger: {
    start: 'top 70%',
    trigger: '#about_us .text ul',
    toggleActions: 'play none none reverse',
  }
});



// ここまで、$はjQueryとして使えます。
});