$( () => {

	var wait=true;
	$(window).scroll(function(){
		if(wait==true){
			$('link[rel=css]').attr("rel","stylesheet");
			wait=false;
		}
	});
	$("body").mouseover(function(){
		if(wait==true){
			$('link[rel=css]').attr("rel","stylesheet");
			wait=false;
		}
	});

	$('nav ul').before('<p id="menu"></p>');
	$("head").append('<meta name="theme-color" content="'+$("header").css("background-color")+'">');
	if($("#site_list").length==0){
		$("head title").before('<script type="application/ld+json" id="site_list" ></script>');
		$("#site_list").load('js/site_list.js');
	}
	var cPage = $("h1").parents("div").attr("class");

	var Task="";
	function ChV(){
		if(!$("#content_wrap").length){
			var wt=$(window).scrollTop();
			if(wt > 100){
				$('nav').addClass('navShadow');
				$("#top_content h2").fadeOut();
			}else{
				$('nav').removeClass('navShadow');
				$("#top_content h2").fadeIn();
			}
		}
		if($(".read_nera").length){
			var wt=$(window).scrollTop();
			var vh=$(window).height()/4;
			var fh=$("#flow").offset().top-$(window).height();
			if(wt>vh && wt<fh){
				$(".read_nera").css("left","40px")
			}else{
				$(".read_nera").css("left","-150px")
			}
		}
		var T="";
		var wh=$(window).height()/2;
		$("section").each(function(){
			var So=$(this).offset().top-wh;
			if(wt > So){
				T=$(this).attr("id").replace("#","");
				$(this).addClass("active");
			}else if(wt < So-300){
				$(this).removeClass("active");
			}

			if($(this).attr("id")=="about"){
				$("#about .topics").each(function(){
					var Th=$(this).height()*2;
					var St=$(this).offset().top-Th;
					if(wt > St){
						$(this).addClass("tactive");
					}else if(wt < St){
						$(this).removeClass("tactive");
					}
				});
			}
			if($(this).attr("id")=="flow"){
				$("#flow li").each(function(){
					var Th=$(this).height();
					var St=$(this).offset().top;
					if(wt > St){
						$(this).addClass("factive");
					}else if(wt < St){
						$(this).removeClass("factive");
					}
					var Su=St+Th;
					if(wt > Su){
						$(this).removeClass("factive");
					}
				});
			}
		});
		if($("#works").attr("class")=="active"){
			var Wh=$("#works").height();
			var Wo=$("#works").offset().top;
			if(wt < Wo-Wh){
				$(".to_works").fadeIn();
				$("#works").removeClass("active").fadeOut();
			}
		}
		$("nav ul").attr("rel",T);

		if(cPage!="contents_head"){
			if(Task != T){
				if(T!=""){
					var Title = $("#"+T+" h2").text();
					$('title').text(Title+' | anturé - アントゥーレ -');
					history.pushState('','',"#"+T);
				}else{
					$('title').text('anturé - アントゥーレ -');
					history.pushState('','','./');
				}
				Task=T;
			}
		}
		if(T=="about"){
			$("#about .topics").each(function(){
				var Lih = $(this).offset().top - $(this).height();
				if(wt > Lih){
					tID = $(this).attr("id").replace("top_","");
					$("#topics_navi").attr("rel",tID);
				}

			});
		}
		if(T=="flow"){
			$("#topics_navi").attr("rel","out");
			$(".flow_text,#flow_navi,#walking,.flow_type").css({"position":"fixed"}).fadeIn();
			var Now = $('#walking').attr("class");
			var Step="";
			if($('.factive').length){
				Step=$('.factive').attr("rel").replace("step","");
			}else{
				Step=1;
			}
			$("#flow_navi").attr("class","step"+Step);
			if(Step=="5" || Step=="6"){
				if(Now!="run"){
					$('#walking').attr('class',"run");
				}
			}else if(Step=="3" || Step=="4"){
				if(Now!="walk"){
					$('#walking').attr('class',"walk");
				}
			}else{
				if(Now!="stop"){
					$('#walking').attr('class',"stop");
				}
			}

			if($(".select_flow").length){
				$("#flow_navi li").fadeIn();
			}
		}else{
			$("#flow #walking,#flow .flow_text,#flow_navi,.flow_type").css({"position":"absolute"}).fadeOut();
		}
		$('#menu').removeClass('open_menu');
		var vh = $(window).height()-100;
		$("#topics_navi li a").css({"width":vh/6+"px","margin-left":"-"+vh/10+"px"});
	}
	ChV();

	$(window).scroll( () => {
		ChV();
	});

var scrollPosition;

function bodyFixedOn() {
		$('body').css('overflow', 'hidden');
}

function bodyFixedOff() {
		$('body').css('overflow', '').attr('rel','');
}
	$('h1 a').on('click', () => {
		if(cPage!="contents_head"){
			$("#op_box").fadeOut(function(){$(this).remove();});
			$("#content_wrap").animate({"left":"100%"},function(){
				$(this).remove();
			});
			$('html,body').animate({
				scrollTop: 0
			},500);
			$("section").removeClass("active");
			$("nav ul").attr("rel","");
			bodyFixedOff();
			return false;
		}
	});

	$('nav a[href*="#"]').on('click', function(e){

		var Title =$(this).text();
		var ID = $(this).attr('href');
console.log(Title);
		if(cPage!="contents_head"){
			$("#content_wrap").animate({"left":"100%"},function(){
				$(this).remove();
			});
			$("#op_box").fadeOut(function(){$(this).remove();});

			$("nav ul").attr("rel",ID.replace("#",""));
			$('html,body').animate({
				scrollTop: $(ID).offset().top - 50
			},500);
			e.preventDefault();
			bodyFixedOff();
			return false;
		}else{
			if(ID!="" && ID!=null){
				location.href="./"+$(this).attr('href');
			}
		}
	});

	$('#menu').on('click', () => {
		$('#menu').toggleClass('open_menu');
		if(cPage!="contents_head"){
			if($('#menu').attr('class')=="open_menu"){
				if($('.subNav').length==0){
					var subNav=$("#topics_navi").html();
					$.when(
						$('#menu+ul').find('li').eq(0).append('<ol class="subNav">'+subNav+'</ul>')
					).done(function() {
						$('.subNav a').removeAttr("style");
					});
				}
			}else{
				$('.subNav').remove();
			}
		}
	});
	$(document).on('click','.topics', function(e){
		var Href = $(this).children('a').attr("href");
		var P3=Href.replace(".html","");
		$("#content_wrap").remove();
		$("body").append('<div id="content_wrap"></div>');
		if(P3=="media_mix" || P3=="easy" || P3=="analytics" || P3=="ute" || P3=="shorts" || P3=="live"){
			$("#content_wrap").load(Href+" .topics_wrap",function(){
				$("#content_wrap").append('<em class="close">X</em>').animate({left:0});
				bodyFixedOn();
				loadcontent();
			});
		}else{
			$("#content_wrap").load(Href+" .content_wrap",function(){
				$("#content_wrap").append('<em class="close">X</em>').animate({left:0});
				bodyFixedOn();
				loadcontent();
			});
		}
		$("#flow .select_flow").removeClass("select_flow");
		$("#flow .flow_type b[rel="+P3+"]").addClass("select_flow");
		$("#flow li[rel=step4],#flow li[rel=step5],#flow li[rel=step6]").hide();
		$("#flow li."+P3).show();

		return false;
	});


	$(document).on('click',"#topics_navi li,.subNav li",function(){
		$("#content_wrap").animate({"left":"100%"},function(){
			$(this).remove();
			bodyFixedOff();
		});
		var To = $(this).children("a").attr("rel");
		$("#topics_navi .select").removeClass("select");
		$(this).addClass("select");
		$('html,body').animate({
			scrollTop: $("#top_"+To).offset().top -150
		},500);
	});
	function loadcontent(){
		var Tx =$(".top_copy").text();
		var Txs=Tx.split('');
		var Txl="";
		for(i=0;i<Txs.length;i++){
			Txl+=('<span>'+Txs[i]+'</span>');
		}
		$(".top_copy").html(Txl);

		$(".service li:not(ol li)").each(function(){
			var Sv = $(this).attr("rel");
			$(this).prepend('<div style="background-image:url(img/icon/'+Sv+'.png)"></div>');
			$("h3+article").addClass("active");
		});
		$(".content_wrap,.topics_wrap").on("scroll",function(){
			var Sc=$(this).scrollTop();
			if($("#mail_contact").length==0){
				if(cPage!="contents_head"){
					$("#content_wrap").prepend('<div id="mail_contact"><a href="#contact">mail</a></div>');
				}else{
					$(".contents_head").after('<div id="mail_contact"><a href="#contact">mail</a></div>');
				}
			}
			if(Sc>100){
				$("#mail_contact").addClass("active");
			}else{
				$("#mail_contact").removeClass("active");
			}
			$("article").each(function(){
				var So=$(this).position().top;
				if(Sc > So+200){
					$(this).addClass("active");
				}
				if($(".prod.active").length){
					if($(".p_smple").length==0){
						$(".prod").append('<div class="p_smple" rel="play"><p id="wide_mov"><video controls playsinline muted autoplay loop width="450"poster="img/d-13.gif"src="video/sample001.mp4"></video></p><p id="smart_mov"><video controls muted autoplay loop playsinline width="252"poster="img/r01.gif"src="video/sample002.mp4"></video></p></div>');
					}
				}
				if($(".shorts_point").length){
					if($("#sumple_video").length==0){
						$(".shorts_point").append('<p id="sumple_video"><video controls  playsinline  muted  autoplay loop width="252" poster="img/pk.gif" src="video/sample003.mp4"></video></p>');
					}
				}
			});
		});
		$(".ana_wp").scroll( () => {
			var wt=$(window).scrollTop();
			var wh=$(window).height()/2;
			$(".ana_wp ul").each(function(){
				var So=$(this).offset().top-wh;
				if(wt > So){
					$(this).addClass("sactive");
				}else if(wt < So-300){
					$(this).removeClass("sactive");
				}
			});
		});
		if($('.discount').length){
			$(".topics_wrap").scroll( () => {
				var wt=$(window).scrollTop();
				var wh=$(window).height()/2;
				$(".discount li p").each(function(){
					var So=$(this).offset().top-wh- 300;
					if(wt > So ){
						countup($(this));
					}else if(wt < So){
						$(this).text("0");
					}
				});
			});
		}
		if($('.live_wp').length){
			Live();
		}

	if($('.content_wrap.movie').length){
		$(".content_wrap").append('<script type="text/javascript" src="js/jquery.mb.YTPlayer.min.js"></script>');
		$(".content_wrap h2").prepend("<div id=\"v_back\"><a class=\"player\" data-property=\"{videoURL:'"+$(".content_wrap h2").attr("rel")+"',containment:'self',autoPlay:true, mute:true, startAt:"+$('.content_wrap h2').attr('data')+",quality:'large',optimizeDisplay:true, opacity:1,onReady: function( player ) {$('.preveiw').fadeOut(2000);}}\"></a><div class=\"preveiw\">Loading...</div></div>").append('<div class="control"><a class="mute" title="ミュート"></a><a href="https://youtu.be/'+$(".content_wrap h2").attr("rel")+'" target=_blank" class="to_yt" title="Youtube"></a></div>');
		if($(".player").length){
			$(".player").mb_YTPlayer();
		}
		var timer = false;
		YTPResize();
		$(window).resize(function() {
			if($(".inline-YTPlayer").length){YTPResize();}
		});
		function YTPResize(){
			if (timer !== false) {
				clearTimeout(timer);
			}
			timer = setTimeout(function() {
				var ww=$(window).width();
				var wh=$(".content_wrap h2").height();
				var ih=(ww/16)*9;
				var iw=ww;
				if(wh>ih){
					ih=wh;
					iw=(ih/9)*16;
				}
				$(".inline-YTPlayer").animate({"max-width":ww+"px","height":"100%"},function(){
					$(".inline-YTPlayer iframe").animate({
						"width":iw+"px",
						"height":ih+"px",
						"top":"calc(50% - "+(ih/2)+"px)",
						"left":"calc(50% - "+(iw/2)+"px)",
						"margin-left":"0",
						"margin-top":"0"
					});
				});
		   	 },500);
		}
	}
	}
	loadcontent();
	function countup(tgt){
		var TT = tgt.text();
		var TM = tgt.attr("max");
		if(TT=="0"){
			$({count: 0}).animate({count: TM}, {
				duration: 800,
				easing: 'linear',
				progress: function() { 
					tgt.text(Math.ceil(this.count)); 
				}
			});
		}
	}


	$(document).on('click','.control .mute,.control .unmute',function(){
		$(this).off("click");
		var Ctr = $(this).attr("class");
		if(Ctr == "mute"){
			$(this).attr("class","unmute");
			$(".player").YTPUnmute();
		}else{
			$(this).attr("class","mute");
			$(".player").YTPMute();
		}
	});
	$('.service .point dt').on('click',function(){
		Par=$(this).parents('dl');
		$(Par).children('dt').removeClass('active');
		$(this).addClass('active');
		$(Par).children('dd').fadeOut();
		$(this).next('dd').fadeIn();
	});

	$(document).on('click','#mail_contact a',function(){
		if(cPage!="contents_head"){
			$('html,body').animate({scrollTop:$("#contact").offset().top},function(){
				$("#content_wrap").animate({"left":"100%"},500,function(){
					$(this).remove();
				});
			});
			bodyFixedOff();
		}else{
			location.href="./"+$(this).attr('href');
		}
	});
	$(document).on('click','#content_wrap .close',function(){
		$("#content_wrap").animate({"left":"100%"},function(){
			$(this).remove();
		});
		$("#www-widgetapi-script,#YTAPI").remove();
		bodyFixedOff();
	});

	$(document).on('click','.service div', function(){

		var Bgc = $(this).css("background-color");
		var Wec = $(this).width();
		var Hec = $(this).height();
		var Opp = $(this).parents("li").attr("rel");

		var Xec = $(this).position().top+110;
		var Yec = $(this).position().left+10;

		var NavH =$(".navShadow").height();

		$('body').prepend('<div id="op_box" style="width:'+ Wec +'px;height:'+ Hec +'px;top:'+ Xec +'px;left:'+ Yec +'px"><div class="option_box"></div></div>');

		$("#op_box").animate({"opacity":"1"},500,function(){

			$(this).animate({"top":"100px","left":"0","margin":"0","width":"100%","height":"100%","padding-bottom":NavH,"border-radius":"0"},200,function(){
				$("#op_box s").fadeIn();
				$(".option_box").load("block/option.php #op"+Opp,function(){
					$(this).fadeIn();
								var H3T=$(".op_title h3").text().split("");
					let newText = '';
					for(let i = 0; i < H3T.length; i++){
						var odd="odd";
						if(i % 2 == 0){
							odd="even";
						}
						newText += '<span class="'+odd+'">' + H3T[i] + '</span>';
					}
					$(".op_title h3").html(newText);
				});
			});
		});
	});

	$(document).on('click','#op_box s',function(){
		$('#op_box').fadeOut(function(){$(this).remove()});
	});

	$(document).on('click','.op_sub_menu li',function(){
		$('.op_sub_menu li').removeClass("active");
		$(this).addClass("active");
		var OpD=$(this).attr("rel");
		$(".option_box dt,.option_box dd").removeClass("active");
		$(".option_box dl ."+OpD).addClass("active");
		$(".op_title").animate({scrollTop:0});
		$('.op_title').addClass("active").fadeIn(function(){
			var DLH=$(".op_title.active").height();
			$(".option_box dl ").css({"top":(DLH+50)});
		});
	});

	$(document).on('click','.op_title h3',function(){
		$('.op_title').removeClass("active");
		$('.op_sub_menu li').removeClass("active");
		$(".op_title").animate({scrollTop:0});
	});

	$(document).on('change','input[name="p_min"],input[name="p_cnt"]',function(){		var Min = $('input[name="p_min"]').val();
		var Cnt = $('input[name="p_cnt"]').val();
		if(Min*Cnt>120){
			Cnt=Math.floor(120/Min);
			$('input[name="p_cnt"]').val(Cnt);
		}
		if(Min!="" && Cnt!=""){
			$.ajax({
				url: "block/ute.php",
				type: 'POST',
				data: {
					'p_min': Min,
					'p_cnt': Cnt
				},
				success:function(data){
					$('input[name="p_price"]').val(data);
					if($(".price_atention").length==0){
						$("#p_rate").append('<p class="price_atention">価格は参考価格です。<em>詳しくはお問い合わせください。</em></p>');
					}
				}
			});
		}
	});


function Live(){
	StopSlider();
	$(".live_wp").scroll( () => {
		var Me=$(".live_scean div");
		var wt=$(window).scrollTop();
		var wh=$(window).height()/2;

		var pointP=$(".live_point").offset().top-wh;
		if(wt > pointP){
			if($(".live_point video").length==0){
				$(".live_point .samples").append('<video playsinline muted autoplay loop width="1300"poster="img/sample_live.png"src="video/sample_live.mp4"></video>');
			}
		}

		var slideP=$(".live_scean ul").offset().top-wh;
		if(wt > slideP){
			sSlider();
		}else if(wt < slideP-300){
			StopSlider();
		}
		var optionP=$(".live_option ol").offset().top-wh;
		if(wt > optionP-300){
			StopSlider();
			$(".live_option ol").addClass("active");
		}else if(wt < optionP-600){
			$(".live_option ol").removeClass("active");
		}
	});

	var Me = $(".live_scean div");
	function slidReset(){
		StopSlider();
		var Me = $(".live_scean div");
		var C = $(this).attr('class');
		var liw = Me.find('li').width();
		var Ns = Me.scrollLeft();
		var s = Math.round(Ns / liw);
		var K = s*liw;
		Me.animate({scrollLeft : K},500,'linear');
		slidEfect();
		sSlider();
	}
	var timer = false;
	$(window).resize(function() {
		if (timer !== false) {
			clearTimeout(timer);
		}
		timer = setTimeout(function() {
			slidReset();
	   	 }, 200);
	});

	function slidEfect(){
		var Me = $(".live_scean div");
		if($("#bg_image").length==0){
			Me.after('<p id="bg_image"></p>');
		}
		var liw = Me.find('li').width();
		var lic = Me.find('li').length;
		var Ns = Me.scrollLeft();
		var s = Math.round(Ns / liw);		var K = s*liw;		var G = Math.round(K - Ns);		var d;
		if(Ns==0 || G <= 10 || G < liw/2){
		$("#bg_image").addClass('bgnone');
			 setTimeout(function() {
				var Rel=$(".live_scean li").eq(s).attr("rel");
				$("#bg_image").attr('class','pic '+Rel);
			},800);
		}else if(G > liw/2) {
			$("#bg_image").addClass('bgnone');
		}
	}

	Me.bind('scroll',function(){
		if (timer !== false) {
			clearTimeout(timer);
		}
		timer = setTimeout(function() {
			slidEfect();
	   	 }, 200);
	});
	var Slider;
	function sSlider(){
		StopSlider();
		var Me = $(".live_scean div");
		var liw = Me.find('li').width();
		var lic = Me.find('li').length;
		var Ns = Me.scrollLeft();
		var s = Math.round(Ns / liw);
		Slider=setInterval(function(){
			s++;
			if(s==lic){
				Me.find('li').fadeOut(function(){
					$(".live_scean div").scrollLeft(0);
					$(this).fadeIn();
				});
				s=0;
			}else{
				var K=s*liw;
				$(".live_scean div").animate({scrollLeft:K},600,'linear');
			}
		},6000);
	}

	function StopSlider(){
		clearInterval(Slider);
	}

	Me.on("DOMMouseScroll mousewheel", function (event){
		amount = 120;
		StopSlider();
		var oEvent = event.originalEvent, 
		direction = oEvent.detail ? oEvent.detail * -amount : oEvent.wheelDelta, 
		position = $(this).scrollLeft();
		position += direction > 0 ? -amount : amount;
		$(this).scrollLeft(position);
		var scrollMax=$(this).children("ul").width() - $(this).width();
		if(position > -10 && position < scrollMax + 10){
			event.preventDefault();
		}
		sSlider();
	});
	var scrollOne=Me.find("li").width();
	var slideL="";
	Me.mouseover(function(e){		StopSlider();
		$(this).css('cursor', "grab");
	}).mouseout(function(e){		Me.off("mousemove");
		$(this).css('cursor', "auto");
		sSlider();
	});
	Me.mousedown(function(e){		$(this).css('cursor', "grab");
		StopSlider();
		touchS = event.pageX;
	}).mouseup(function(e){		var liw = Me.find('li').width();
		var lic = Me.find('li').length;
		var Ns = Me.scrollLeft();
		var s = Math.round(Ns / liw);
		touchE = event.pageX;
		var G = touchS - touchE;
		var T=null;
		if(G < -20){			T = s - 1;
		}else if(G > 20){			T = s + 1;
		}
		if(T!=null && T>=0 && T<lic && T !=s){
			var K = T*liw;
			$(this).animate({scrollLeft : K},500,'linear');
		}
		Me.off("mousemove");
		$(this).css('cursor', "auto");
		sSlider();
	});
	$('.live_scean nav a').on('click',function(){
		StopSlider();
		var C = $(this).attr('class');
		var liw = Me.find('li').width();
		var Ns = Me.scrollLeft();
		var s = Math.round(Ns / liw);
		if(C == "back"){
			s = s - 1;
		}else if(C == "next"){
			s = s + 1;
		}
		var K = s*liw;
		Me.animate({scrollLeft : K},500,'linear');
		sSlider();
	});
	$('.live_scean nav a').mouseover(function(){
		StopSlider();
	}).mouseout(function(){
		sSlider();
	});

}
	function toPAGE(page){
		if($("#content_wrap").length){
			$("#content_wrap").animate({"left":"100%"},function(){
				$(this).load(page+" .topics_wrap",function(){
					$("#content_wrap").append('<em class="close">X</em>').animate({left:0});
					bodyFixedOn();
					loadcontent();
					StopSlider();
				});
			});
			return false;
		}else{
			location.href=page;
		}
	}
	$(document).on('click','.live_option ol li a',function(){
		var Hrt=$(this).attr('href');
		toPAGE(Hrt);
		return false;
	});

	$(document).on('click','.price_list li,.live_option ol li',function(e){
		var To=$(e.target).prop("tagName");
		var Target=$(this).prop("tagName");
		if(To=="SPAN" && $(e.target).find("a").length){
			var Hrt=$(e.target).find("a").attr('href');
			toPAGE(Hrt);
		}else{
			var TCs=$(this).attr('class');
			if(TCs=="back"){
				$(this).attr("class","front");
			}else{
				$(this).attr("class","back");
			}
		}
	});

	$(document).on('change','.live_option input',function(){
		$('.live_option input.active').removeClass('active');
		$(".front,.back").removeClass("front").removeClass("back");
		$('.live_option').removeClass('active').addClass('active');
	});
	$(document).on('change','.live_option select',function(){
		var Vr=$(this).val();
		if(Vr=="all"){
			$(".live_option li").show();
		}else if(Vr=="startup"){
			$(".live_option li p:not(.op_00,.op_a01,.op_a02,.op_a03,.op_c02)").parents("li").hide();
			$(".op_00,.op_a01,.op_a02,.op_a03,.op_c02").parents("li").show();
		}else if(Vr=="standard"){
			$('.live_option li:not([data="pac"])').hide();
			$('.live_option li[data="pac"]').show();
		}else{
			$(".live_option li:not([rel="+Vr+"])").hide();
			$(".live_option li[rel="+Vr+"]").show();
		}
	});
	function startSlide(){
		slide_li=setInterval(function(){
			var NA = $(".active").index('.aniwrap li')+1;
			var NS = $("#easy_anime .active").width();
			if(NA==3){
				$(".aniwrap li:nth-child(1)").addClass("active");
				$(".aniwrap").animate({scrollLeft:"0"},1000,function(){
					$("#easy_anime li:not(:eq(0))").removeClass("active");
				});
			}else{
				$(".aniwrap li:nth-child("+(NA+1)+")").addClass("active");
				$(".aniwrap").animate({scrollLeft:"+="+NS+"px"},700,function(){
					$("#easy_anime li:not(:eq("+NA+"))").removeClass("active");
				});
			}
		},10000);
	}
	function stopSlide(){
		clearInterval(slide_li);
	}
	$(document).on('click','.topics_wrap .steps li',function(){
		var LiN =$('.topics_wrap .steps li').index(this)+1;
		var Shtml=$(".topics_wrap .steps").html();
		var Wec = $(this).width();
		var Hec = $(this).height();
		var Xec = $(this).position().top+110;
		var Yec = $(this).offset().left;
		var tempbg ="";
		if(LiN == "1"){
			tempbg ="e1e0d9";
		}else if(LiN == "2"){
			tempbg ="92a7b2";
		}else{
			tempbg ="d7cdd0";
		}

		$('body').prepend('<div id="easy_anime" style="width:'+ Wec +'px;height:'+ Hec +'px;top:'+ Xec +'px;left:'+ Yec +'px;background:#'+tempbg+'"><div class="aniwrap"><ol>'+Shtml+'</ol></div><s>x</s></div>');
		$("#easy_anime").animate({"opacity":"1"},500,function(){

			$(this).animate({"top":"0","left":"0","margin":"0","width":"100%","height":"100%"},200,function(){
				$("#easy_anime ol,#easy_anime s").fadeIn();
				$("#easy_anime ol li:nth-child("+LiN+")").addClass("active");
				var TS =$("#easy_anime ol li.active").offset().left;
				var NS = $(".aniwrap").animate({scrollLeft:TS});
			});
			var a=1;
			$(".aniwrap li").each(function(){
				$(this).prepend('<div class="image_'+a+'"><p><span><b></b></span></p><p><span></span></p></div>');
				a++;
			});
			startSlide();


			$("#easy_anime .step_text strong").each(function(){
				var Tx= $(this).text();
				var Txs=Tx.split('');
				var Txl="";
				for(i=0;i<Txs.length;i++){
					Txl+=('<span>'+Txs[i]+'</span>');
				}
				$(this).html(Txl);
			});

		});
	});

	$(document).on('click','#easy_anime li',function(){
		stopSlide();
		var NA = $('.aniwrap li').index(this)+1;
		var NS = $("#easy_anime .active").width();
		if(NA==3){
			$(".aniwrap li:nth-child(1)").addClass("active");
			$(".aniwrap").animate({scrollLeft:"0"},1000,function(){
				$("#easy_anime li:not(:eq(0))").removeClass("active");
			});
		}else{
			$(".aniwrap li:nth-child("+(NA+1)+")").addClass("active");
			$(".aniwrap").animate({scrollLeft:"+="+NS+"px"},700,function(){
				$("#easy_anime li:not(:eq("+NA+"))").removeClass("active");
			});
		}
		startSlide();
	});

	$(document).on('click','#easy_anime s',function(){
		$("#easy_anime").fadeOut(function(){$(this).remove()});
		stopSlide();
	});	$(document).on('click','.order a',function(){

		bodyFixedOff();
		if(cPage!="contents_head"){			var Class=$(this).attr("class");
			var Od_typ = $(this).attr("rel");
			if(Class=="flow_to"){
				$("nav ul").attr("rel","flow");
				$('html,body').animate({scrollTop:$("#flow").offset().top},100,function(){
								$(".select_flow").removeClass("select_flow");
					$(".flow_type b[rel="+Od_typ+"]").addClass("select_flow");
					$("#flow li."+Od_typ).show(function(){
						$(".flow_step li[rel=step1] h3").text($(".select_flow").text()+"のご依頼");
					});
					var Se=$(".flow_step li[rel=step1]").offset().top;
					var Sh=$(".flow_step li[rel=step1] .flow_text").height();
					$('html,body').animate({
						scrollTop: Se+Sh
					},500);
					$("#content_wrap").animate({"left":"100%"},500,function(){
						$(this).remove();
						$("#about,#flow").addClass('active');
					});
				});
			}else if(Class=="order_to"){
				$("nav ul").attr("rel","contact");
				$('html,body').animate({scrollTop:$("#contact").offset().top},100,function(){

					var Na=$("#contact li.active").attr("rel");
					if(Na!="order"){
						$("#contact li.active").removeClass("active");
						$("#contact li[rel=order]").addClass("active");
						$("#contact_form").animate({scrollLeft:$("#order").offset().left},100,function(){
							$("select[name=o_typ]").val("od_"+Od_typ);
							$("#content_wrap").animate({"left":"100%"},500,function(){
								$(this).remove();
								if(Od_typ=="easy" || Od_typ=="ute" || Od_typ=="shorts" || Od_typ=="live"){
									$("#order dl:not(.od_dtl),.od_01 .od_02,.od_03").slideUp();
									$(".od_"+Od_typ+",.od_"+Od_typ+" .od_01").slideDown();
								}else{
									$("#order dl:not(.od_dtl),.od_01,.od_02,.od_03").slideUp();
									$(".od_"+Od_typ).slideDown();
								}
							});
						});
					}else{
						$("select[name=o_typ]").val("od_"+Od_typ);
						$("#content_wrap").animate({"left":"100%"},500,function(){
							$(this).remove();
								if(Od_typ=="easy" || Od_typ=="ute" || Od_typ=="shorts" || Od_typ=="live"){
									$("#order dl:not(.od_dtl),.od_01 .od_02,.od_03").slideUp();
									$(".od_"+Od_typ+",.od_"+Od_typ+" .od_01").slideDown();
								}else{
									$("#order dl:not(.od_dtl),.od_01,.od_02,.od_03").slideUp();
									$(".od_"+Od_typ).slideDown();
								}

						});
					}
				});
			}
			return false;
		}else{
			location.href="./"+$(this).attr('href');
		}
	});
	$(document).on('click','.to_works',function(){
		$('#works').fadeIn();
		$('html,body').animate({
			scrollTop: $("#works").offset().top -150
		},500);
		$("#works").addClass("active");
		$(this).fadeOut();
	});

	$('#works li').each(function(){
		var Nm = $(this).attr('class');
		$(this).css("background-image","url(img/"+Nm+".png)");
	});


	$(document).on('click','#works li',function(){
		var ToA=$(this).attr("class");
		if(ToA!="rumis_space" && ToA!="play_games" && ToA!="a_goods"){
			$(".tube_wrap").remove();
			var path = "PLtrAxBj1l0N6iSjG31bZu10edeDumhnXz";
			if(ToA=="aristu"){
				path = "PLtrAxBj1l0N6iSjG31bZu10edeDumhnXz";
			}else if(ToA=="game_lab"){
				path = "PLlLekyuKVjrMMc7ivcFIGvwl1re7kVelM";
			}else if(ToA=="topicsA"){
				path = "PLtrAxBj1l0N4_RY4QaDPB93M6uXZmrvde";
			}else if(ToA=="make_room"){
				path = "PLtrAxBj1l0N7-7xKjBXtkNbaPr3Coo1s7";
			}else if(ToA=="jeanne"){
				path = "PLtrAxBj1l0N7C6nipIP4fPb3OnvXKyDEF";
			}
			$('body').append('<div class="tube_wrap"><iframe src="https://www.youtube.com/embed/videoseries?list='+path+'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><em></em></div>');
		}
	});

	$(document).on('click','.tube_wrap em',function(){
		$(".tube_wrap").fadeOut(function(){$(this).remove()});
	});
	var walk_woman='<div class="woman"><div class="head"><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p></div><div class="body"><p></p><p></p><p></p><p></p></div><div class="r_arm"><p></p><p><span></span></p></div><div class="l_arm"><p></p><p><span></span></p></div><div class="r_foot"><p></p><p><span><strong></strong><em></em></span></p></div><div class="l_foot"><p></p><p><span><strong></strong><em></em></span></p></div></div><div class="road"><p></p><p></p><p></p><p></p><p></p><p></p></div>';
	$('#flow').append('<div id="walking">'+walk_woman+'</div>');
	$('#flow .flow_step li').each(function(){
		var REL = $(this).attr('rel').replace("step","");
		$(this).wrapInner('<div class="flow_text" rel="'+REL+'"></div>');
	});
	$(document).on('click','#flow_navi li',function(){
		var Ty=$(".flow_type .select_flow").attr("rel");
		var St=$(this).text();
		if(St<=3){
			var Se=$(".flow_step li[rel=step"+St+"]").offset().top;
			var Sh=$(".flow_step li[rel=step"+St+"] .flow_text").height();
			$('html,body').animate({
				scrollTop: Se+Sh
			},500);
		}else if(St!=null){

			var Se=$(".flow_step li."+Ty+"[rel=step"+St+"]").offset().top;
			var Sh=$(".flow_step li."+Ty+"[rel=step"+St+"] .flow_text").height();
			$('html,body').animate({
				scrollTop: Se+Sh
			},500);
		}
		return false;
	});
	$(document).on('click','.flow_type b',function(){
		$(".select_flow").removeClass("select_flow");
		$(this).addClass("select_flow");

		if($(".select_flow").length){
			$("#flow_navi li").fadeIn();
		}
		var TT=$(this).text();
		$(".flow_step li[rel=step1] h3").text(TT+"のご依頼");

		var TE=$(this).attr("rel");
		$("#flow li[rel=step4],#flow li[rel=step5],#flow li[rel=step6]").hide();
		$("#flow li."+TE).show();

		var St=$('#flow_navi').attr("class").replace("step","");

		var Se=$(".flow_step li[rel=step1]").offset().top;
		var Sh=$(".flow_step li[rel=step1] .flow_text").height();
		$('html,body').animate({
			scrollTop: Se+Sh
		},500);


	});


	$("#contact input[type=date]").each(function(){
		$(this).attr({
			"title":"未定の場合は省略可能です。",
			"min":"2024-05-08",
			"max":"2027-04-28"
		});
	});
	var radio_val;
	$(document).on("click",'#contact .radio_line input[type="radio"]',function(){
		$('input[name="lv_op[]"]').removeAttr("style").prop("disabled",false);
		if($(this).val() == radio_val) {
			$(this).prop('checked', false);
			radio_val = null;
		} else {
			radio_val = $(this).val();
		}
		var Tv= $('input[name="lv_pac"]:checked').val();
		if(Tv!=null && Tv!=""){
			if(Tv=="startup"){
				$(".od_live .checkbox_line input[id=op_00]").prop("disabled",true).prop('checked', true).css("outline","2px solid var(--cf)");
				$(".od_live .checkbox_line input[id=op_a01]").prop("disabled",true).prop('checked', true).css("outline","2px solid var(--cf)");
				$(".od_live .checkbox_line input[id=op_a02]").prop("disabled",true).prop('checked', true).css("outline","2px solid var(--cf)");
				$(".od_live .checkbox_line input[id=op_a03]").prop("disabled",true).prop('checked', true).css("outline","2px solid var(--cf)");
				$(".od_live .checkbox_line input[id=op_c02]").prop("disabled",true).prop('checked', true).css("outline","2px solid var(--cf)");
			}else{
				$('input[name="lv_op[]"].pac').css("outline","2px solid var(--cf)").prop("disabled",false);
			}
			var OpCnt=$('input[name="lv_op[]"]:checked').length;
			var PacCnt=$('input[name="lv_op[]"].pac:checked').length;
			if(PacCnt<=5){
				$(".od_live .pac_cnt em").text(PacCnt);
				$(".od_live .op_cnt em").text(OpCnt - PacCnt);
			}else{
				$(".od_live .pac_cnt em").text("5");
				$(".od_live .op_cnt em").text(OpCnt - 5);
			}
		}else{
			var OpCnt=$('input[name="lv_op[]"]:checked').length;
			$(".od_live .op_cnt em").text(OpCnt);
			$(".od_live .pac_cnt em").text("0");
		}
	});
	$(document).on("click",'#contact .od_live input[name="lv_op[]"]',function(){
		var OpCnt=$('input[name="lv_op[]"]:checked').length;
		$(".od_live .op_cnt em").text(OpCnt);
		var Tv= $('input[name="lv_pac"]:checked').val();
		if(Tv!="" && Tv!=null){
			var PacCnt=$('input[name="lv_op[]"].pac:checked').length;
			if(PacCnt<=5){
				$(".od_live .pac_cnt em").text(PacCnt);
				$(".od_live .op_cnt em").text(OpCnt - PacCnt);
			}else{
				$(".od_live .pac_cnt em").text("5");
				$(".od_live .op_cnt em").text(OpCnt - 5);
			}
		}
	});
	$(document).on("change",'#contact input[name="mv_day"]',function(){
		var ND=$(this).val();
		var date = new Date(ND);
		date.setDate(date.getDate() - 7);
		var nyear  = date.getFullYear();
		var nmonth = date.getMonth() + 1;
		var nday   = date.getDate();
		var NU= String(nyear) + "-" + String(nmonth) + "-" + String(nday);
		$('#contact input[name="ms_day"]').attr({
			"max":NU,
			"title":"撮影は納品より7日以上前に設定してください。",
		});
	});

	$(document).on("change",'#contact input[type="time"]',function(){
		var ND=$(this).val();
		var Nm = $(this).attr("name");
		var Nm2 = "";
		var Nm3 = "";
		if(Nm == "cs_stim"){
			Nm2 = "cs_etim";
		}else if(Nm == "cm_stim"){
			Nm2 = "cm_etim";
		}else if(Nm == "cs_etim"){
			Nm3 = "cs_stim";
		}else if(Nm == "cm_etim"){
			Nm3 = "cm_stim";
		}
		if(Nm2 != "" && Nm2 != null){
			$('#contact input[name="'+Nm2+'"]').attr({
				"title":"未定の場合は省略可能です。",
				"type":"time",
				"value":ND,
				"min":ND
			});
		}
		if(Nm3 != "" && Nm3 != null){
			var St = "2024-04-28 "+$('#contact input[name="'+Nm3+'"]').val();
			var Et = "2024-04-28 "+$('#contact input[name="'+Nm+'"]').val();
			var date1 = new Date(St);
			var date2 = new Date(Et);
			var diff = date2.getTime() - date1.getTime();
			var Sa = (diff) / (60*1000);			if(Sa>120){
				alert("2時間を越える場合、別途料金が発生します");
				Error="2時間を越える場合、別途料金が発生します,"+Nm3;
			}else if(Sa<0){
				alert("日付が変わる場合、別途料金が発生します");
				Error="メールアドレスが未入力です,"+Nm3;
			}
		}
	});

	$(document).on("change",'#contact input[type="month"]',function(){
		var Nm = $(this).attr("name");
		var Nm2 = "";
		if(Nm == "ut_day1"){
			Nm2 = "ut_day2";
		}else if(Nm == "mix_day1"){
			Nm2 = "mix_day2";
		}else if(Nm == "ana_day1"){
			Nm2 = "ana_day2";
		}
		if(Nm2 != "" && Nm2 != null){
			var ND=$(this).val().split("-");
			if(ND[1]=="12"){
				var NU=(parseInt(ND[0])+1) +"-01";
			}else{
				var NU=ND[0] + "-" + ("0" + (parseInt(ND[1])+1)).slice(-2);
			}

			$('#contact input[name="'+Nm2+'"]').attr({
				"type":"month",
				"value":NU,
				"min":NU,
				"title":"契約期間は最低1ヶ月以上を設定してください。"
			});
		}
	});
	$("#contact input[type=time]").each(function(){
		$(this).attr("title","未定の場合は省略可");
	});
	$(document).on('click','#contact ol li:not(".active")',function(){
		var tDL=$(this).attr("rel");
		$("#contact li.active").removeClass("active");
		$(this).addClass("active");
		var SL=$("#"+tDL).offset().left;
		$("#contact_form").animate({scrollLeft:SL+"px"},600);
	});
	$(document).on('change','select',function(){
		var Typ = $(this).attr("name");
		var Odr = $(this).val();
		var Txt = $(this).children("option:selected").text();

		if(Typ=="o_typ"){
			$("#order dl:not(.od_dtl)").slideUp();
			 if(Odr=="od_live"){
				$(".od_02,.od_03").slideUp();
				$(".od_live .od_01").slideDown();
				$('input[name="lv_op[]"]').removeAttr("style").prop("disabled",false);
			}else if(Odr=="od_easy"){
				$(".od_02,.od_03").slideUp();
				$(".od_easy .od_01").slideDown();
			}else if(Odr=="od_ute" ){
				$(".od_02,.od_03").slideUp();
				$(".od_ute .od_01").slideDown();
			}else if( Odr=="od_shorts"){
				$(".od_02,.od_03").slideUp();
				$(".od_shorts .od_01").slideDown();
			}else if(Odr=="od_mix" ){
				$(".od_02,.od_03").slideUp();
				$(".od_mix .od_01").slideDown();
			}else{
				$(".od_01,.od_02,.od_03").slideUp();
			}
			$("."+Odr+" select,."+Odr+" input:not([type=radio])").val("");
			$("."+Odr+" input[type=radio]").prop("checked",false);
			$("."+Odr).slideDown();

		}else{
			if(Typ!="es_op" && Typ!="ut_op" && Typ!="st_op"){
				$(".od_02,.od_03").slideUp();
				$(".od_01 input:not([type=radio]),.od_02 input:not([type=radio]),.od_03 input:not([type=radio])").val("");
				$(".od_01 input[type=radio],.od_02 input[type=radio]").prop("checked",false);
			}

			if(Typ=="mv_typ"){
				if(Odr!="support" && Odr!="" && Odr!=null){
					$(".od_movie .od_01").slideDown();
				}else{
					$(".od_01,.od_02,.od_03").slideUp();
				}
			}
			if(Typ=="cs_typ"){

				if(Odr!="other" && Odr!="" && Odr!=null){
					$(".od_cast .od_01").slideDown();
				}else{
					$(".od_01,.od_02,.od_03").slideUp();
				}
			}
			if(Typ=="an_typ"){

				if(Odr!="other" && Odr!="" && Odr!=null){
					$(".od_analytics .od_01").slideDown();
				}else{
					$(".od_01").slideUp();
				}
			}
		}
		if(Odr!="no_select" && Odr!="" && Odr!=null){
			$("#order textarea").attr("placeholder",Txt+"についての詳細をご記入ください。");
		}
	});
	$(document).on('change','input',function(){
		var Nam= $(this).attr("name");
		if(Nam=="mv_non"){
			var Val=$(this).val();
			if(Val=="need"){
				$(".od_movie .od_02").slideDown();
			}else{
				$(".od_movie .od_02,.od_movie .od_03").slideUp();
				$(".od_movie .od_02 input[type=radio]").prop("checked",false);
				$('.od_movie .od_02 input:not([type=radio])').val('');
				$('.od_movie .od_03 input').val('');
			}
		}
		if(Nam=="me_non"){
			var Val=$(this).val();
			if(Val=="need"){
				$(".od_movie .od_03").slideDown();
			}else{
				$(".od_movie .od_03").slideUp();
				$('.od_movie .od_03 input').val('');
			}
		}
		if(Nam=="le_non"){
			var Val=$(this).val();
			if(Val=="need"){
				$(".od_live .od_02").slideDown();
			}else{
				$(".od_live .od_02").slideUp();
				$('.od_live .od_02 input').val('');
			}
		}
		if(Nam=="cm_cnt"){
			var Val=$(this).val();
			if(Val>0){
				$(".od_cast .od_02").slideDown();
			}else{
				$(".od_cast .od_02").slideUp();
				$('.od_live .od_02 input').val('');
			}
		}
		if(Nam=="cr_non"){
			var Val=$(this).val();
			if(Val=="need"){
				$(".od_cast .od_03").slideDown();
			}else{
				$(".od_cast .od_03").slideUp();
				$('.od_live .od_03 input').val('');
			}
		}
	});


	$(document).on('click','.o_submit input',function(){
		var CC = $("#contact li.active").attr("rel");
		var fd = new FormData();
		fd.append("contact",CC);
		Error="";
		if(CC=="order"){
			var Name=$("input[name=o_nam]").val();
			var Tel=$("input[name=o_tel]").val();
			var Mail=$("input[name=o_mal]").val();
			var Od_typ=$("select[name=o_typ]").val();
			if(Name=="" || Name==null){
				Error="ご依頼者名が未入力です,nam";
			}else if(Tel=="" || Tel==null){
				Error="連絡先が未入力です,tel";
			}else if(Mail=="" || Mail==null){
				Error="メールアドレスが未入力です,mal";
			}
			if(Error==""){
				$(".od_dtl,."+Od_typ).find("input:not('[type=radio],[type=checkbox]'),select,textarea,input[type=radio]:checked").each(function(){
					var Tn=$(this).attr("name");
					var Tv=$(this).val();
					fd.append(Tn,Tv);
				});
				$(".od_dtl,."+Od_typ).find("input[type=checkbox]:checked").each(function(){
					var Tn=$(this).attr("name");
					var Tv=$(this).attr("id");
					fd.append(Tn,Tv);
				});
			}
		}else{
			var Name=$("input[name=c_nam]").val();
			var Tel=$("input[name=c_tel]").val();
			var Mail=$("input[name=c_mal]").val();
			if(Name=="" || Name==null){
				Error="お名前が未入力です,nam";
			}else if(Tel=="" || Tel==null){
				Error="連絡先が未入力です,tel";
			}else if(Mail=="" || Mail==null){
				Error="メールアドレスが未入力です,mal";
			}
			if(Error==""){
				$("#contact").find("input,select,textarea").each(function(){
					var Tn=$(this).attr("name");
					var Tv=$(this).val();
					fd.append(Tn,Tv);
				});
			}
		}
		if(Error!=""){
			var result = Error.split(",");
			$('#contact').prepend('<div class="post_end error"><span>'+result[0]+'</span><p>OK</p></div>');
			if(result[1]!="" && result[1]!=null){
				$(".error_check").removeClass("error_check");
				if(result[1]=="nam" || result[1]=="txt" || result[1]=="mal" || result[1]=="tel"){
					if(CC=="contact"){
						result[1]="c_"+result[1];
					}else if(CC=="order"){
						result[1]="o_"+result[1];
					}
				}
				$("*[name="+result[1]+"]").addClass("error_check");
			}
		}else{
			var postData = {
				type : "POST",
				dataType : "text",
				data : fd,
				processData : false,
				contentType : false
			};
			$.ajax("block/post.php", postData).done(function(data){
				$(".post_end").remove();
				$(".error_check").removeClass("error_check");
				var result = data.split(",");
				$('body').prepend('<div class="post_end"><span>'+result[0]+'</span><p>OK</p></div>');
				if(result[1]!="" && result[1]!=null){
					$(".post_end").addClass("error");
					if(result[1]!="error"){
						if(result[1]=="txt" || result[1]=="mal" || result[1]=="tel"){
							if(CC=="contact"){
								result[1]="c_"+result[1];
							}else if(CC=="order"){
								result[1]="o_"+result[1];
							}
						}
						$("*[name="+result[1]+"]").addClass("error_check");
					}
				}
			});
		}
		return false;
	});
	$(document).on('click','.post_end p',function(){
		var ec = $('.post_end').attr("class").split(" ");
		if($('.error_check').length){
			$('html,body').animate({
				scrollTop: $(".error_check").offset().top - 150
			},500);
			$('.error_check').focus();
		}
		$('.post_end').fadeOut(function(){
			$(this).remove();
			if(ec[1]!="error"){
				$('input[name="lv_op[]"]').removeAttr("style").prop("disabled",false);
				$("#contact select,#contact textarea,#contact input:not([type=radio],[type=submit])").val("");
				$("#contact input[type=radio]").prop("checked",false);
				$("#order dl:not(.od_dtl),.od_01,.od_02,.od_03").slideUp();
				$("#order textarea").attr("placeholder","ご依頼の詳細をご記入ください。");
			}
		});
	});
	$(document).on('change','.error_check',function(){
		$(this).removeClass('error_check');
	});
});
jQuery.event.special.touchstart={setup:function(e,t,s){t.includes("noPreventDefault")?this.addEventListener("touchstart",s,{passive:!1}):this.addEventListener("touchstart",s,{passive:!0})}},jQuery.event.special.touchmove={setup:function(e,t,s){t.includes("noPreventDefault")?this.addEventListener("touchmove",s,{passive:!1}):this.addEventListener("touchmove",s,{passive:!0})}},jQuery.event.special.wheel={setup:function(e,t,s){this.addEventListener("wheel",s,{passive:!0})}},jQuery.event.special.mousewheel={setup:function(e,t,s){this.addEventListener("mousewheel",s,{passive:!0})}};

/* * * * * * * * * * * * * * * * * * * * *

    Ⓒwebstudio WhitePallet

 * * * * * * * * * * * * * * * * * * * * */