$(function(){



//////////////////////////////////////////////////////////////////////////////
$(window).on('load resize', function(){
		var windH = $(window).height();
		var windW = $(window).innerWidth();

		if(windW >1071){
				$("nav").removeClass("nav__on");
				$(".menu_on").removeClass("btoff");
				$(".menu_off").removeClass("bton");
				nowpos=0;
		}

});

//////////////////////////////////////////////////////////////////////////////

$(window).on("scroll", function() {
	var scrollPosition = $(window).scrollTop();
	var windH = $(window).height();


	if(scrollPosition > 60){
		$(".sub_nav").addClass("sub_nav__on");
		$("#mainphoto").addClass("mainphoto__on");
		$(".list_top").addClass("list_top__on");
	}else{
		$(".sub_nav").removeClass("sub_nav__on");
		$("#mainphoto").removeClass("mainphoto__on");
		$(".list_top").removeClass("list_top__on");
	}

	$(".sub_nav").css("left", -$(window).scrollLeft());


	//white_futa
	$(".white_futa").each(function(i) {
		var thisH = $(this).offset().top;
		if(thisH-windH*0.7 < scrollPosition){
				$(this).addClass("white_futa__on");
		}else{
				$(this).removeClass("white_futa__on");
		}
	});

	//black_futa
	$(".black_futa").each(function(i) {
		var thisH = $(this).offset().top;
		if(thisH-windH*0.7 < scrollPosition){
				$(this).addClass("black_futa__on");
		}else{
				$(this).removeClass("black_futa__on");
		}
	});


	$("#section02list").each(function(i) {
		var thisH = $(this).offset().top;
		if(thisH-windH*0.7 < scrollPosition){
				//$(this).addClass("black_futa__on");
				$(".mask_list2").addClass("mask_list__on");
				$(".mask_text2").addClass("mask_text__on");
				$("#section02list .imgwaku").addClass("imgwaku__on");

		}else{
				//$(this).removeClass("black_futa__on");
				$(".mask_list2").removeClass("mask_list__on");
				$(".mask_text2").removeClass("mask_text__on");
				$("#section02list .imgwaku").removeClass("imgwaku__on");
		}
	});



	//black_futa
	$(".fadeup").each(function(i) {
		var thisH = $(this).offset().top;
		if(thisH-windH*0.7 < scrollPosition){
				$(this).addClass("fadeup__on");
		}else{
				$(this).removeClass("fadeup__on");
		}
	});


	$(".mod-SNSButtons").each(function(i) {
		var thisH = $(this).offset().top;
		if(thisH-windH*1+ (windH - 275)/2 - 137 - (windH*0.05) < scrollPosition){
				$(".left_text").css({"position":"absolute","top":"auto","bottom":0});
		}else{
				$(".left_text").css({"position":"fixed","top":"55%","bottom":"auto"});
		}
	});







});

//////////////////////////////////////////////////////////////////////////////
//↓ロード後の処理のみ
//////////////////////////////////////////////////////////////////////////////
$(window).on('load', function(){
		var windH = $(window).height();
		var windW = $(window).innerWidth();
		var scrollPosition = $(window).scrollTop();

		if(scrollPosition > 60){
			$(".sub_nav").addClass("sub_nav__on");
			$("#mainphoto").addClass("mainphoto__on");
		}else{
			$(".sub_nav").removeClass("sub_nav__on");
			$("#mainphoto").removeClass("mainphoto__on");
		}

		startMV();
		startMV_list();

});


var nowpos = 0;
$('.spmanubotan,.close_menu').click(function() {

			if(nowpos==0){
				$("nav").addClass("nav__on");
				$(".menu_on").addClass("btoff");
				$(".menu_off").addClass("bton");
				nowpos=1;
			}else{
				$("nav").removeClass("nav__on");
				$(".menu_on").removeClass("btoff");
				$(".menu_off").removeClass("bton");
				nowpos=0;
			}

      return false;
   });
///////////////////////////////////////////
$('p.link_top').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      $('body,html').animate({scrollTop:0}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec01').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section01").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec02').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section02").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec03').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section03").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec04').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section04").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec05').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section05").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});



$('p.link_sec01list').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section01list").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});

$('p.link_sec02list').click(function() {
			$("nav").removeClass("nav__on");
			$(".menu_on").removeClass("btoff");
			$(".menu_off").removeClass("bton");
			nowpos=0;
      var position = $("#section02list").offset().top;
      $('body,html').animate({scrollTop:position-40}, 750, 'easeOutCubic');
      return false;
});


//////////////////////////////////////////////////////////////////////////////
//ページ内スクロール
//////////////////////////////////////////////////////////////////////////////

$('a.pg_link').click(function() {
      // スクロールの速度
      var speed = 750; // ミリ秒
      // アンカーの値取得
      var href= $(this).attr("href");
      // 移動先を取得
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;

			var hh = 40;
      // スムーススクロール
      $('body,html').animate({scrollTop:position-hh}, speed, 'easeOutCubic');
      return false;
   });



//////////////////////////////////////////////////////////////////////////////
//colorbox
//////////////////////////////////////////////////////////////////////////////

$(".inline_box1").colorbox({
		inline: true,
		returnFocus:false
});
$(window).on('load resize', function(){
		var winW = $(window).width();
		if(winW>950){
			 $(".inline_box1").colorbox({width:'900px'});
		}else{
				$.colorbox.resize({width:'90%'});
			 $(".inline_box1").colorbox({width:'90%'});
		}
});

//colorboxのクローズボタン処理
$(".color_close").click(function(){
parent.$.fn.colorbox.close(); return false;
});




////////////////////////////////////////////////////////////////////////////
//アニメーションjs


function startMV(){
	setTimeout(function(){
			$(".mask").addClass("mask__on");
	},300);

	setTimeout(function(){
			$(".mask2").addClass("mask__on");
	},600);


	setTimeout(function(){
			$(".ani_first_photo").addClass("ani_first_photo__on");
	},1200);



	setTimeout(function(){
			$(".first_botan_mc").addClass("first_botan_mc__on");
	},1800);

}


function startMV_list(){

	setTimeout(function(){
			$(".mask_list").addClass("mask_list__on");
	},300);

	setTimeout(function(){
			$(".mask_text").addClass("mask_text__on");
	},600);

	setTimeout(function(){
			$("#section01list .imgwaku").addClass("imgwaku__on");
	},1200);


}






});