// ヘッダー
$(function(){
	$(window).scroll(function(){
		var setNum = 500;
		var scrollPosition = $(this).scrollTop();
		if(scrollPosition > setNum){
			$("header").addClass("is-fixed shadow");
		}else{
			$("header").removeClass("is-fixed shadow");
		}
	});

});

// クリックイベント
$(function(){
	$(".sp-menu").on('click',function(){
		$(this).toggleClass("menu-open");
		$(".header-nav").toggleClass("nav-open");
		$("body").toggleClass("overflow");
	});

	var replaceWidth = 599;
	var windowWidth = parseInt(window.innerWidth);
	if(replaceWidth >= windowWidth){
		$(".hover-menu").hide();
		$(".p-none").on('click',function(){
			$(".p-none + .hover-menu").slideToggle();
			console.log("クリックされた");

			return false;
		});
	}
});

// スムーズスクロール - smoothScrolling
$(function(){
	$('a[href^=#]').click(function(){
		var target = $(this.hash);
		var speed = 500;
		var body = target.offset().top - $("header").outerHeight();
		$("html, body").animate({scrollTop:body}, speed, "swing");
		return false;
	});
});

// タイトル表示
function ttl_anim(){
	var strJp = $(".pageTtl .font-jp").text().split('');
	var strEn = $(".pageTtl .font-en").text().split('');
	var fontJp = "";
	var fontEn = "";
	$.each(strJp, function(index, value){
		fontJp += '<span>'+value+'</span>';
	});
	$.each(strEn, function(index, value){
		fontEn += '<span>'+value+'</span>';
	});
	$(".pageTtl .font-jp").html(fontJp);
	$(".pageTtl .font-en").html(fontEn);

	$(window).on('load',function(){
		$(window).delay(500).queue(function(){
		$(".pageTtl .font-en span,.pageTtl .font-jp span").each(function (i) {
			$(this).delay(i * 70).queue(function(){
				$(this).addClass("change").dequeue();;
			});
		});
		});
	});
	return false;
};

//ページ表示
// function opening_anim(){
// 	$(".opening").addClass("on");
// };

//処理の順番
$(function(){
	$.when(
			// opening_anim()
		).done(function(){ 
			ttl_anim()
	});
});