$(function(){ var SPFlag = 0; var PlayFlag = 0; var EnFlag = 0; var gModalY = 80; var SetPos = function (obj,kubun,dblX,dblY) { try { var intRight = 0; if (kubun == 'abs') { obj[0].style.position = 'absolute'; }else if (kubun == 'rel') { obj[0].style.position = 'relative'; }else if (kubun == 'fix') { obj[0].style.position = 'fixed'; }else if (kubun == 'absR') { obj[0].style.position = 'absolute'; intRight = 1; }else if (kubun == 'relR') { obj[0].style.position = 'relative'; intRight = 1; }else if (kubun == 'fixR') { obj[0].style.position = 'fixed'; intRight = 1; } if (intRight == 1) { obj[0].style.right = dblX + 'px'; obj[0].style.top = dblY + 'px'; }else{ obj[0].style.left = dblX + 'px'; obj[0].style.top = dblY + 'px'; } }catch (e) { } } var intScrollTop = 0; var intScrollRange = 0; var ScrollAnimeSub = function () { intScrollTop -= intScrollRange; if (intScrollTop <= 0) { window.scrollTo(0,0); }else{ window.scrollTo(0,intScrollTop); setTimeout(function() { ScrollAnimeSub(); },20); } } var ScrollAnime = function (intY) { try { if (intY == 0) { intScrollTop = $(window).scrollTop(); intScrollRange = intScrollTop / 20; ScrollAnimeSub(); }else{ $("html,body").animate({scrollTop:intY}); } }catch (e) { } } var SizeFit = function () { var winW = $(window).width(); var winH = $(window).height(); var dblRate = winW / 1280; SetPos($("#title"),'fix',0,0); if (winW >= 1280 && SPFlag == 0) { //SP PullDown Close $("#profbun1a").show(); $("#profbun1b").hide(); $("#btnProf1").show(); $("#btnProfF1").hide(); $("#profbun2a").show(); $("#profbun2b").hide(); $("#btnProf2").show(); $("#btnProfF2").hide(); $("#profbun3a").show(); $("#profbun3b").hide(); $("#btnProf3").show(); $("#btnProfF3").hide(); //TOP $(".disppc").show(); $(".dispsp").hide(); if (EnFlag == 0) { $("#navJp").hide(); $("#navEn").show(); }else{ $("#navJp").show(); $("#navEn").hide(); } var intX,intY; $("#topvideo").width(winW); $("#pctop03").width(winW); $("#pctop02").width(714*dblRate); $("#pctop01").width(winW); SetPos($("#topvideo"),'fix',0,0); SetPos($("#pctop03"),'fix',0,0); SetPos($("#pctop01"),'fix',0,0); intX = (winW-(686*dblRate))/2.0; SetPos($("#pctop02"),'fix',intX,0); $("#wrap").css('padding-top',(500*dblRate) + 'px'); SetPos($("#wrap"),'abs',0,0); //head title image $(".h2img").width(410); //Menu Left $("#menu").width(winW); $("#menu").height(100*dblRate); SetPos($("#menu"),'fix',0,0); $("#menu").css('padding','0px 20px 0px 20px'); $(".menuleft").css('margin-top',(((100*dblRate)-60)/2) + 'px'); //Menu Right SetPos($("#menuR"),'fixR',0,0); $("#menuR").height(100*dblRate); $("#menuR").css('margin-top',(((100*dblRate)-60)/2) + 'px'); //section1 $("#sec1 p").width(640); //section2 $("#sec2").width(winW); $("#sec2 div").width((289*4)+5); $(".sec2bnr").width(284); intY=0; if(navigator.userAgent.indexOf("Firefox") != -1){ intY=19; } $(".sec2bnr_sp").hide(); $(".sec2bnr").show(); $(".sec2bnrhv").show(); SetPos($("#portimg1"),'rel',0,0); SetPos($("#portimg1df"),'rel',0,0); SetPos($("#portimg2"),'rel',0,0); SetPos($("#portimg2df"),'rel',0,0); SetPos($("#portimg3"),'rel',0,0); SetPos($("#portimg3df"),'rel',0,0); SetPos($("#portimg4"),'rel',0,0); SetPos($("#portimg4df"),'rel',0,0); SetPos($("#portimg5"),'rel',0,0); SetPos($("#portimg5df"),'rel',0,0); SetPos($("#portimg6"),'rel',0,0); SetPos($("#portimg6df"),'rel',0,0); SetPos($("#portimg7"),'rel',0,0); SetPos($("#portimg7df"),'rel',0,0); SetPos($("#portimg8"),'rel',0,0); SetPos($("#portimg8df"),'rel',0,0); SetPos($("#portimg9"),'rel',0,0); SetPos($("#portimg9df"),'rel',0,0); SetPos($("#portimg1hv"),'abs',$('#portimg1df').offset().left,$('#portimg1df').offset().top); SetPos($("#portimg2hv"),'abs',$('#portimg2df').offset().left,$('#portimg2df').offset().top); SetPos($("#portimg3hv"),'abs',$('#portimg3df').offset().left,$('#portimg3df').offset().top); SetPos($("#portimg4hv"),'abs',$('#portimg4df').offset().left,$('#portimg4df').offset().top); SetPos($("#portimg5hv"),'abs',$('#portimg5df').offset().left,$('#portimg5df').offset().top); SetPos($("#portimg6hv"),'abs',$('#portimg6df').offset().left,$('#portimg6df').offset().top); SetPos($("#portimg7hv"),'abs',$('#portimg7df').offset().left,$('#portimg7df').offset().top); SetPos($("#portimg8hv"),'abs',$('#portimg8df').offset().left,$('#portimg8df').offset().top); SetPos($("#portimg9hv"),'abs',$('#portimg9df').offset().left,$('#portimg9df').offset().top); //section3 $("#sec3 p").width(770); $(".sec3box").width(380); $(".sec3box p").width(330); $(".personimg").width(330); $(".readimg").width(185); //section4 $("#sec4 p").width(770); //section5 $("#sec5 p").width(770); //section7 $("#sec7 p").width(770); //Modal $("#profmodalmain1").width(720); $("#profmodalmain2").width(720); $("#profmodalmain3").width(720); intX = (winW-720) / 2; intY = 80; if (winH > 550) { intY = (winH - 470) / 2; } $("#profmodalmain1 img")[0].src="img/prof01.png"; $("#profmodalmain2 img")[0].src="img/prof02.png"; $("#profmodalmain3 img")[0].src="img/prof03.png"; SetPos($("#profmodalmain1"),'abs',intX,intY); SetPos($("#profmodalmain1 img"),'abs',0,0); SetPos($("#profmodalmain2"),'abs',intX,intY); SetPos($("#profmodalmain2 img"),'abs',0,0); SetPos($("#profmodalmain3"),'abs',intX,intY); SetPos($("#profmodalmain3 img"),'abs',0,0); $("#profmodalmain1 img").width(356); $("#profmodalmain2 img").width(356); $("#profmodalmain3 img").width(356); SetPos($("#profmodalmain1 div"),'abs',356,0); SetPos($("#profmodalmain2 div"),'abs',356,0); SetPos($("#profmodalmain3 div"),'abs',356,0); $("#profmodalmain1 div").width(364); $("#profmodalmain2 div").width(364); $("#profmodalmain3 div").width(364); $("#profmodalmain1 div").height(454); $("#profmodalmain2 div").height(454); $("#profmodalmain3 div").height(454); $(".profbun").width(340); $(".profbun").height(454); SetPos($("#btnClose"),'abs',intX+690,intY-60); SetPos($("#btnLeft"),'abs',intX-80,intY+187); SetPos($("#btnRight"),'abs',intX+718,intY+187); SetPos($("#slide1"),'abs',intX+335,intY+485); SetPos($("#slide2"),'abs',intX+355,intY+485); SetPos($("#slide3"),'abs',intX+375,intY+485); $(".profmodalport").width(720); $(".profmodalport").height(440); intX = (winW-720) / 2; intY = 80; for (var i = 1; i <= 9; i++) { SetPos($("#profmodalport" + i),'abs',intX,intY); SetPos($("#profmodalport"+i+" img"),'abs',10,100); $("#profmodalport"+i+" img").width(329); SetPos($("#profmodalport"+i+" .profmodalportcnt"),'abs',348,0); $("#profmodalport"+i+" .profmodalportcnt").width(320); $("#profmodalport"+i+" .profmodalportcnt").height(440); } SetPos($("#btnClosePort"),'abs',intX+690,intY-60); SetPos($("#btnLeftPort"),'abs',intX-80,intY+180); SetPos($("#btnRightPort"),'abs',intX+718,intY+180); SetPos($("#slidep1"),'abs',intX+275,intY+470); SetPos($("#slidep2"),'abs',intX+295,intY+470); SetPos($("#slidep3"),'abs',intX+315,intY+470); SetPos($("#slidep4"),'abs',intX+335,intY+470); SetPos($("#slidep5"),'abs',intX+355,intY+470); SetPos($("#slidep6"),'abs',intX+375,intY+470); SetPos($("#slidep7"),'abs',intX+395,intY+470); SetPos($("#slidep8"),'abs',intX+415,intY+470); SetPos($("#slidep9"),'abs',intX+435,intY+470); //Contact PrivacyPolicy $("#wrap_policy").css('padding-top',(100*dblRate) + 'px'); SetPos($("#wrap_policy"),'abs',0,0); $("#wrap_policy_hd img").width(440); $("#wrap_policy_cnt").width(900); $("#wrap_contact").css('padding-top',(100*dblRate) + 'px'); SetPos($("#wrap_contact"),'abs',0,0); $("#wrap_contact_hd img").width(250); $("#wrap_contact_sub").width(600); $("#wrap_contact_cnt").width(winW); $("#wrap_contact_cnt table").width(800); }else if (winW >= 880 && SPFlag == 0) { //SP PullDown Close $("#profbun1a").show(); $("#profbun1b").hide(); $("#btnProf1").show(); $("#btnProfF1").hide(); $("#profbun2a").show(); $("#profbun2b").hide(); $("#btnProf2").show(); $("#btnProfF2").hide(); $("#profbun3a").show(); $("#profbun3b").hide(); $("#btnProf3").show(); $("#btnProfF3").hide(); //TOP $(".disppc").show(); $(".dispsp").hide(); if (EnFlag == 0) { $("#navJp").hide(); $("#navEn").show(); }else{ $("#navJp").show(); $("#navEn").hide(); } var intX,intY,intW,intH; $("#topvideo").width(1280); $("#pctop03").width(1280); $("#pctop02").width(714); $("#pctop01").width(1280); intX = (winW-1280)/2.0; SetPos($("#topvideo"),'fix',intX,0); SetPos($("#pctop03"),'fix',intX,0); SetPos($("#pctop01"),'fix',intX,0); intX = (winW-686)/2.0; SetPos($("#pctop02"),'fix',intX,0); $("#wrap").css('padding-top','500px'); SetPos($("#wrap"),'abs',0,0); //head title image $(".h2img").width(410); //Menu Left $("#menu").width(winW); $("#menu").height(100); SetPos($("#menu"),'fix',0,0); $("#menu").css('padding','0px 20px 0px 20px'); $(".menuleft").css('margin-top','20px'); //Menu Right SetPos($("#menuR"),'fixR',0,0); $("#menuR").height(100); $("#menuR").css('margin-top','20px'); //section1 $("#sec1 p").width(640); //section2 $("#sec2").width(winW); if (winW >= (289*4)+5) { $("#sec2 div").width((289*4)+5); }else{ $("#sec2 div").width((289*3)+5); } $(".sec2bnr").width(284); $(".sec2bnr_sp").width(284); intY=0; if(navigator.userAgent.indexOf("Firefox") != -1){ intY=19; } $(".sec2bnr_sp").hide(); $(".sec2bnr").show(); $(".sec2bnrhv").show(); SetPos($("#portimg1"),'rel',0,0); SetPos($("#portimg1df"),'rel',0,0); SetPos($("#portimg2"),'rel',0,0); SetPos($("#portimg2df"),'rel',0,0); SetPos($("#portimg3"),'rel',0,0); SetPos($("#portimg3df"),'rel',0,0); SetPos($("#portimg4"),'rel',0,0); SetPos($("#portimg4df"),'rel',0,0); SetPos($("#portimg5"),'rel',0,0); SetPos($("#portimg5df"),'rel',0,0); SetPos($("#portimg6"),'rel',0,0); SetPos($("#portimg6df"),'rel',0,0); SetPos($("#portimg7"),'rel',0,0); SetPos($("#portimg7df"),'rel',0,0); SetPos($("#portimg8"),'rel',0,0); SetPos($("#portimg8df"),'rel',0,0); SetPos($("#portimg9"),'rel',0,0); SetPos($("#portimg9df"),'rel',0,0); SetPos($("#portimg1hv"),'abs',$('#portimg1df').offset().left,$('#portimg1df').offset().top); SetPos($("#portimg2hv"),'abs',$('#portimg2df').offset().left,$('#portimg2df').offset().top); SetPos($("#portimg3hv"),'abs',$('#portimg3df').offset().left,$('#portimg3df').offset().top); SetPos($("#portimg4hv"),'abs',$('#portimg4df').offset().left,$('#portimg4df').offset().top); SetPos($("#portimg5hv"),'abs',$('#portimg5df').offset().left,$('#portimg5df').offset().top); SetPos($("#portimg6hv"),'abs',$('#portimg6df').offset().left,$('#portimg6df').offset().top); SetPos($("#portimg7hv"),'abs',$('#portimg7df').offset().left,$('#portimg7df').offset().top); SetPos($("#portimg8hv"),'abs',$('#portimg8df').offset().left,$('#portimg8df').offset().top); SetPos($("#portimg9hv"),'abs',$('#portimg9df').offset().left,$('#portimg9df').offset().top); //section3 if (winW > 770) { $("#sec3 p").width(770); }else{ $("#sec3 p").width(winW); } $(".sec3box").width(380); $(".sec3box p").width(330); $(".personimg").width(330); $(".readimg").width(185); //section4 section5 section7 if (winW > 770) { $("#sec4 p").width(770); $("#sec5 p").width(770); $("#sec7 p").width(770); }else{ $("#sec4 p").width(winW); $("#sec5 p").width(winW); $("#sec7 p").width(winW); } //modal $("#profmodalmain1").width(720); $("#profmodalmain2").width(720); $("#profmodalmain3").width(720); intX = (winW-720) / 2; intY = 80; if (winH > 550) { intY = (winH - 470) / 2; } $("#profmodalmain1 img")[0].src="img/prof01.png"; $("#profmodalmain2 img")[0].src="img/prof02.png"; $("#profmodalmain3 img")[0].src="img/prof03.png"; SetPos($("#profmodalmain1"),'abs',intX,intY); SetPos($("#profmodalmain1 img"),'abs',0,0); SetPos($("#profmodalmain2"),'abs',intX,intY); SetPos($("#profmodalmain2 img"),'abs',0,0); SetPos($("#profmodalmain3"),'abs',intX,intY); SetPos($("#profmodalmain3 img"),'abs',0,0); $("#profmodalmain1 img").width(356); $("#profmodalmain2 img").width(356); $("#profmodalmain3 img").width(356); SetPos($("#profmodalmain1 div"),'abs',356,0); SetPos($("#profmodalmain2 div"),'abs',356,0); SetPos($("#profmodalmain3 div"),'abs',356,0); $("#profmodalmain1 div").width(364); $("#profmodalmain2 div").width(364); $("#profmodalmain3 div").width(364); $("#profmodalmain1 div").height(454); $("#profmodalmain2 div").height(454); $("#profmodalmain3 div").height(454); $(".profbun").width(340); $(".profbun").height(454); SetPos($("#btnClose"),'abs',intX+690,intY-60); SetPos($("#btnLeft"),'abs',intX-80,intY+187); SetPos($("#btnRight"),'abs',intX+715,intY+187); SetPos($("#slide1"),'abs',intX+335,intY+485); SetPos($("#slide2"),'abs',intX+355,intY+485); SetPos($("#slide3"),'abs',intX+375,intY+485); $(".profmodalport").width(720); $(".profmodalport").height(440); intX = (winW-720) / 2; intY = 80; for (var i = 1; i <= 9; i++) { SetPos($("#profmodalport" + i),'abs',intX,intY); SetPos($("#profmodalport"+i+" img"),'abs',10,100); $("#profmodalport"+i+" img").width(329); SetPos($("#profmodalport"+i+" .profmodalportcnt"),'abs',348,0); $("#profmodalport"+i+" .profmodalportcnt").width(320); $("#profmodalport"+i+" .profmodalportcnt").height(440); } SetPos($("#btnClosePort"),'abs',intX+690,intY-60); SetPos($("#btnLeftPort"),'abs',intX-80,intY+180); SetPos($("#btnRightPort"),'abs',intX+718,intY+180); SetPos($("#slidep1"),'abs',intX+275,intY+470); SetPos($("#slidep2"),'abs',intX+295,intY+470); SetPos($("#slidep3"),'abs',intX+315,intY+470); SetPos($("#slidep4"),'abs',intX+335,intY+470); SetPos($("#slidep5"),'abs',intX+355,intY+470); SetPos($("#slidep6"),'abs',intX+375,intY+470); SetPos($("#slidep7"),'abs',intX+395,intY+470); SetPos($("#slidep8"),'abs',intX+415,intY+470); SetPos($("#slidep9"),'abs',intX+435,intY+470); //Contact PrivacyPolicy $("#wrap_policy").css('padding-top',(100) + 'px'); SetPos($("#wrap_policy"),'abs',0,0); $("#wrap_policy_hd img").width(440); if (winW > 900) { $("#wrap_policy_cnt").width(900); }else{ $("#wrap_policy_cnt").width(winW-20); } $("#wrap_contact").css('padding-top',(100*dblRate) + 'px'); SetPos($("#wrap_contact"),'abs',0,0); $("#wrap_contact_hd img").width(250); $("#wrap_contact_sub").width(600); $("#wrap_contact_cnt").width(winW); $("#wrap_contact_cnt table").width(800); }else{ //Disable Movie Start SP GIF if (PlayFlag == 0) { StartSyori(1); } PlayFlag = 1; //TOP $(".disppc").hide(); $(".dispsp").show(); if ($("#profbun1b").is(':hidden')) { }else{ $("#profbun1a").hide(); } if ($("#profbun2b").is(':hidden')) { }else{ $("#profbun2a").hide(); } if ($("#profbun3b").is(':hidden')) { }else{ $("#profbun3a").hide(); } $("#navJp").hide(); $("#navEn").hide(); $("#navMenuClose").hide(); $("#spmenu").hide(); if (EnFlag == 0) { }else{ } $("#spmenu").width(winW); SetPos($("#spmenu"),'fix',0,50); var intX,intY,intW,intH; SetPos($("#sptop01"),'fix',0,50); //Menu Left $("#menu").width(winW); $("#menu").height(50); SetPos($("#menu"),'fix',0,0); $("#menu").css('padding','0px 0px 0px 0px'); //Menu Right SetPos($("#menuR"),'fixR',0,0); $("#menuR").height(50); $("#menuR").css('margin-top','0px'); //wrap intY = (winW * 510 / 640) + 50; $("#wrap").css('padding-top',intY + 'px'); SetPos($("#wrap"),'abs',0,0); //head title image $(".h2img").width(winW); //section1 intW = winW - 36; $("#sec1 h2").width(winW); $("#sec1 p").width(intW); //section2 $("#sec2").width(winW); $(".sec2bnrhv").hide(); $(".sec2bnr").hide(); $(".sec2bnr_sp").show(); intW = (winW*9/20); $("#sec2 div").css('line-hight','0px'); $("#sec2 div").width((intW*2.05)); $(".sec2bnr").width(intW); $(".sec2bnr_sp").width(intW); //section3 $("#sec3 p").width(winW-40); $(".sec3box").width(winW); $(".sec3box p").width(winW-40); $(".personimg").width(winW-40); $(".readimg").width(winW*0.7); //section4 section5 section7 $("#sec4 p").width(winW-40); $("#sec5 p").width(winW-40); $("#sec7 p").width(winW-100); //Modal $("#profmodalmain1").width(winW); $("#profmodalmain2").width(winW); $("#profmodalmain3").width(winW); $("#profmodalmain1 img")[0].src="img/person01.png"; $("#profmodalmain2 img")[0].src="img/person02.png"; $("#profmodalmain3 img")[0].src="img/person03.png"; intY = 80; var intMarX = winW*0.2; var intMarY = 20; SetPos($("#profmodalmain1"),'abs',0,intY); SetPos($("#profmodalmain1 img"),'abs',intMarX,intMarY); SetPos($("#profmodalmain2"),'abs',0,intY); SetPos($("#profmodalmain2 img"),'abs',intMarX,intMarY); SetPos($("#profmodalmain3"),'abs',0,intY); SetPos($("#profmodalmain3 img"),'abs',intMarX,intMarY); intW = winW-(intMarX*2); $("#profmodalmain1 img").width(intW); $("#profmodalmain2 img").width(intW); $("#profmodalmain3 img").width(intW); SetPos($("#profmodalmain1 div"),'abs',winW*0.07,intW+10); SetPos($("#profmodalmain2 div"),'abs',winW*0.07,intW+10); SetPos($("#profmodalmain3 div"),'abs',winW*0.07,intW+10); $("#profmodalmain1 div").width(winW*0.85); $("#profmodalmain2 div").width(winW*0.85); $("#profmodalmain3 div").width(winW*0.85); $("#profmodalmain1").height((intW * 1.78) + intMarY - 2); $("#profmodalmain2").height((intW * 1.78) + intMarY - 2); $("#profmodalmain3").height((intW * 1.78) + intMarY - 2); $("#profmodalmain1 div").height((intW * 0.8)-20); $("#profmodalmain2 div").height((intW * 0.8)-20); $("#profmodalmain3 div").height((intW * 0.8)-20); $(".profbun").width(winW*0.85); $(".profbun").height(intW * 0.52); SetPos($("#btnClose"),'abs',winW-60,20); SetPos($("#btnLeft"),'abs',winW*0.08,(intW*0.37)+intY+intMarY); SetPos($("#btnRight"),'abs',winW-(winW*0.18),(intW*0.37)+intY+intMarY); $(".spallowleft").width(winW*0.1); $(".spallowleft").height(winW*0.1); $(".spallowright").width(winW*0.1); $(".spallowright").height(winW*0.1); var intSlideX = (winW/2)-4; SetPos($("#slide1"),'abs',intSlideX-15,(intW * 1.8)+intY+intMarY+5); SetPos($("#slide2"),'abs',intSlideX,(intW * 1.8)+intY+intMarY+5); SetPos($("#slide3"),'abs',intSlideX+15,(intW * 1.8)+intY+intMarY+5); $(".profmodalport").width(winW); intH = winW * 1.25; $(".profmodalport").height(intH); intY = 60; var intY2 = winW*0.6*251*0.8/329; for (var i = 1; i <= 9; i++) { SetPos($("#profmodalport" + i),'abs',0,intY); SetPos($("#profmodalport"+i+" img"),'abs',winW*0.2,0); $("#profmodalport"+i+" img").width(winW*0.6); SetPos($("#profmodalport"+i+" .profmodalportcnt"),'abs',winW*0.1,intY2); $("#profmodalport"+i+" .profmodalportcnt").width(winW*0.8); $("#profmodalport"+i+" .profmodalportcnt").height(intH-intY2-20); } intY2 = winW*0.6*251*0.5/329 intY2 = intY + intY2 - (winW*0.05); SetPos($("#btnClosePort"),'abs',winW-60,0); SetPos($("#btnLeftPort"),'abs',winW*0.08,intY2); SetPos($("#btnRightPort"),'abs',winW-(winW*0.18),intY2); SetPos($("#slidep1"),'abs',intSlideX-60,intY+intH+13); SetPos($("#slidep2"),'abs',intSlideX-45,intY+intH+13); SetPos($("#slidep3"),'abs',intSlideX-30,intY+intH+13); SetPos($("#slidep4"),'abs',intSlideX-15,intY+intH+13); SetPos($("#slidep5"),'abs',intSlideX,intY+intH+13); SetPos($("#slidep6"),'abs',intSlideX+15,intY+intH+13); SetPos($("#slidep7"),'abs',intSlideX+30,intY+intH+13); SetPos($("#slidep8"),'abs',intSlideX+45,intY+intH+13); SetPos($("#slidep9"),'abs',intSlideX+60,intY+intH+13); //Contact PrivacyPolicy $("#wrap_policy").css('padding-top','50px'); $("#wrap_policy_hd img").width(winW*0.8); SetPos($("#wrap_policy"),'abs',0,0); intW = winW - 20; $("#wrap_policy_cnt").width(intW); $("#wrap_contact").css('padding-top','50px'); SetPos($("#wrap_contact"),'abs',0,0); intW = winW - 20; $("#wrap_contact_hd img").width(winW*0.5); $("#wrap_contact_sub").width(intW); $("#wrap_contact_cnt").width(winW); $("#wrap_contact_cnt table").width(intW); } } var StartSyori = function(intType) { if (intType == 1) { $("#menuarea").show(); $("#menuarea").addClass('animated2'); $("#menuarea").addClass('fadeIn'); $("#wrap").removeClass('visibhid'); $("#wrap").addClass('animated2'); $("#wrap").addClass('fadeIn'); setTimeout(function() { $("#menuarea").removeClass('animated2'); $("#menuarea").removeClass('fadeIn'); $("#wrap").removeClass('animated2'); $("#wrap").removeClass('fadeIn'); },1600); }else if (intType == 2) { $("#menuarea").show(); $("#menu").addClass('animated'); $("#menu").addClass('slideInUp'); $("#menuR").addClass('animated'); $("#menuR").addClass('slideInUp'); $("#wrap").removeClass('visibhid'); $("#wrap").addClass('animated'); $("#wrap").addClass('slideInDown'); setTimeout(function() { $("#menu").removeClass('animated'); $("#menu").removeClass('slideInUp'); $("#menuR").removeClass('animated'); $("#menuR").removeClass('slideInUp'); $("#wrap").removeClass('animated'); $("#wrap").removeClass('slideInDown'); },1600); }else{ $("#menuarea").show(); $("#menu").addClass('animated'); $("#menu").addClass('fadeIn'); $("#menuR").addClass('animated'); $("#menuR").addClass('fadeIn'); $("#wrap").removeClass('visibhid'); $("#wrap").addClass('animated'); $("#wrap").addClass('fadeIn'); setTimeout(function() { $("#menu").removeClass('animated'); $("#menu").removeClass('fadeIn'); $("#menuR").removeClass('animated'); $("#menuR").removeClass('fadeIn'); $("#wrap").removeClass('animated'); $("#wrap").removeClass('fadeIn'); },1600); } var strUrl = location.href; var ArrHref = strUrl.split('contact.html'); if (ArrHref.length > 1) { setTimeout(function() { ExeContact(1); },800); } } //Click Event var ClickAnimeFlag = 0; var MenuSyoriBefore = function() { if ($("#wrap_policy").is(':hidden')) { }else{ SetPos($("#wrap_policy"),'fix',0,0); $("#wrap_policy").addClass('animated'); $("#wrap_policy").addClass('slideOutR'); setTimeout(function() { $("#wrap_policy").hide(); $("#wrap_policy").removeClass('animated'); $("#wrap_policy").removeClass('slideOutR'); },1000); } if ($("#wrap_contact").is(':hidden')) { }else{ SetPos($("#wrap_contact"),'fix',0,0); $("#wrap_contact").addClass('animated'); $("#wrap_contact").addClass('slideOutR'); setTimeout(function() { $("#wrap_contact").hide(); $("#wrap_contact").removeClass('animated'); $("#wrap_contact").removeClass('slideOutR'); },1000); } if ($("#spmenu").is(':hidden')) { }else{ if (ClickAnimeFlag == 1) { return; } ClickAnimeFlag = 1; $("#navMenuClose").hide(); $("#navMenu").show(); $("#spmenu").show(); $("#spmenu").addClass('animated5'); $("#spmenu").addClass('slideOutR'); setTimeout(function() { ClickAnimeFlag = 0; $("#spmenu").hide(); $("#spmenu").removeClass('animated5'); $("#spmenu").removeClass('slideOutR'); },700); } if ($("#wrap").is(':hidden')) { $("#wrap").show(); } } var ProfIndex = 1; var OldIndex = 1; var AnimeFlag = 0; var OpenProf = function(ProfID) { var winW = $(window).width(); if (winW >= 880 && SPFlag == 0) { }else{ if (ProfID == 1) { $("#profbun1a").hide(); $("#profbun1b").show(); $("#btnProf1").hide(); $("#btnProfF1").show(); ScrollAnime($('#sec3name1').offset().top-$('#menu').height()-5); }else if (ProfID == 2) { $("#profbun2a").hide(); $("#profbun2b").show(); $("#btnProf2").hide(); $("#btnProfF2").show(); ScrollAnime($('#sec3name2').offset().top-$('#menu').height()-5); }else if (ProfID == 3) { $("#profbun3a").hide(); $("#profbun3b").show(); $("#btnProf3").hide(); $("#btnProfF3").show(); ScrollAnime($('#sec3name3').offset().top-$('#menu').height()-5); } return; } ProfIndex = ProfID; $(".profmodalport").hide(); $(".PortButton").hide(); $(".PortSlide").hide(); $(".ProfButton").show(); $(".ProfSlide").show(); $("#profmodalmain1").hide(); $("#profmodalmain2").hide(); $("#profmodalmain3").hide(); $("#profmodalmain" + ProfIndex).show(); $(".ProfSlide").removeClass('slidecur'); $("#slide" + ProfIndex).addClass('slidecur'); $("#profmodal").show(); $("#profmodal").addClass('animated5'); $("#profmodal").addClass('fadeIn'); setTimeout(function() { $("#profmodal").removeClass('animated5'); $("#profmodal").removeClass('fadeIn'); },1000); } var SelProfChange = function(intProf) { if (AnimeFlag == 1) { return; } if (ProfIndex == intProf) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex = intProf; $("#profmodalmain" + ProfIndex).show(); if (OldIndex < ProfIndex) { $("#profmodalmain" + ProfIndex).addClass('animated'); $("#profmodalmain" + ProfIndex).addClass('fadeIn'); }else{ $("#profmodalmain" + OldIndex).addClass('animated'); $("#profmodalmain" + OldIndex).addClass('fadeOut'); } $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalmain" + ProfIndex).removeClass('animated'); $("#profmodalmain" + ProfIndex).removeClass('fadeIn'); $("#profmodalmain" + OldIndex).hide(); $("#profmodalmain" + OldIndex).removeClass('animated'); $("#profmodalmain" + OldIndex).removeClass('fadeOut'); $("#profmodal").css('overflow','auto'); $(".ProfSlide").removeClass('slidecur'); $("#slide" + ProfIndex).addClass('slidecur'); },1000); } var CloseProf = function() { $("#profmodal").addClass('animated5'); $("#profmodal").addClass('fadeOut'); setTimeout(function() { $("#profmodal").hide(); $("#profmodal").removeClass('animated5'); $("#profmodal").removeClass('fadeOut'); $("#profmodal").css('overflow','auto'); },1000); } var CloseProfSP = function(ProfID) { if (ProfID == 1) { $("#profbun1a").show(); $("#profbun1b").slideUp('normal'); $("#btnProf1").show(); $("#btnProfF1").hide(); setTimeout(function() { ScrollAnime($("#sec3name1").offset().top-$('#menu').height()-5); },200); }else if (ProfID == 2) { $("#profbun2a").show(); $("#profbun2b").slideUp('normal'); $("#btnProf2").show(); $("#btnProfF2").hide(); setTimeout(function() { ScrollAnime($("#sec3name2").offset().top-$('#menu').height()-5); },200); }else if (ProfID == 3) { $("#profbun3a").show(); $("#profbun3b").slideUp('normal'); $("#btnProf3").show(); $("#btnProfF3").hide(); setTimeout(function() { ScrollAnime($("#sec3name3").offset().top-$('#menu').height()-5); },200); } } var OpenPort = function(PortID) { ProfIndex = eval(PortID); $(".profmodalmain").hide(); $(".profmodalport").hide(); $(".PortButton").show(); $(".ProfButton").hide(); $(".PortSlide").show(); $(".ProfSlide").hide(); $("#profmodalport" + PortID).show(); $(".PortSlide").removeClass('slidecur'); $("#slidep" + PortID).addClass('slidecur'); $("#profmodal").show(); $("#profmodal").addClass('animated5'); $("#profmodal").addClass('fadeIn'); setTimeout(function() { $("#profmodal").removeClass('animated5'); $("#profmodal").removeClass('fadeIn'); },1000); } var SelPortChange = function(intProf) { if (AnimeFlag == 1) { return; } if (ProfIndex == intProf) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex = intProf; $("#profmodalport" + ProfIndex).show(); if (OldIndex < ProfIndex) { $("#profmodalport" + ProfIndex).addClass('animated'); $("#profmodalport" + ProfIndex).addClass('fadeIn'); }else{ $("#profmodalport" + OldIndex).addClass('animated'); $("#profmodalport" + OldIndex).addClass('fadeOut'); } $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalport" + ProfIndex).removeClass('animated'); $("#profmodalport" + ProfIndex).removeClass('fadeIn'); $("#profmodalport" + OldIndex).hide(); $("#profmodalport" + OldIndex).removeClass('animated'); $("#profmodalport" + OldIndex).removeClass('fadeOut'); $("#profmodal").css('overflow','auto'); $(".PortSlide").removeClass('slidecur'); $("#slidep" + ProfIndex).addClass('slidecur'); },1000); } //Contact var ExeContact = function(AnimeKubun) { $('#fullname').val(''); $('#kaisha').val(''); $('#busyo').val(''); $('#mail1').val(''); $('#message').val(''); $('#fullname').css('background-color','#ECECEC'); $('#kaisha').css('background-color','#ECECEC'); $('#busyo').css('background-color','#ECECEC'); $('#mail1').css('background-color','#ECECEC'); $('#message').css('background-color','#ECECEC'); $('#fullname').nextAll(".err").html(' '); $('#kaisha').nextAll(".err").html(' '); $('#busyo').nextAll(".err").html(' '); $('#mail1').nextAll(".err").html(' '); $('#message').nextAll(".err").html(' '); $('#lblDoui').nextAll(".err").html(' '); try { $('#chkDoui')[0].checked=false; }catch (e) { } $('#pinput').show(); $('#divinput').show(); $('#pconf').hide(); $('#divconf').hide(); $('.pfinish').hide(); $("#wrap_contact").show(); SetPos($("#wrap_contact"),'fix',0,0); $("#wrap_contact").addClass('animated5'); if (AnimeKubun == 1) { $("#wrap_contact").addClass('fadeIn'); }else{ $("#wrap_contact").addClass('slideIn'); } setTimeout(function() { try { SetPos($("#wrap_contact"),'abs',0,0); $("#wrap_contact").removeClass('animated5'); $("#wrap_contact").removeClass('fadeIn'); $("#wrap_contact").removeClass('slideIn'); $("#wrap").hide(); window.scrollTo(0,0); }catch (e) { } try { if (history.pushState) { var strUrl = location.href; var ArrHref1 = strUrl.split('#'); if (ArrHref1.length > 1) { strUrl = ArrHref1[0]; } var ArrHref2 = strUrl.split('?'); if (ArrHref2.length > 1) { strUrl = 'contact.html?'+ArrHref2[1]; }else{ strUrl = 'contact.html'; } var stateObj = {url:strUrl}; history.pushState(stateObj,"", strUrl); document.title = $('#hdTitleContact').val(); $("#pjaxForPV")[0].src = 'contact_pjax.html'; } }catch (e) { } },700); } $(document).keyup(function(e) { if (e.which == 27) { CloseProf(); } }); $(window).on("resize",function(){ SizeFit(); }); $(window).on('load',function(){ SetPos($("#portimg1hv"),'abs',$('#portimg1df').offset().left,$('#portimg1df').offset().top); SetPos($("#portimg2hv"),'abs',$('#portimg2df').offset().left,$('#portimg2df').offset().top); SetPos($("#portimg3hv"),'abs',$('#portimg3df').offset().left,$('#portimg3df').offset().top); SetPos($("#portimg4hv"),'abs',$('#portimg4df').offset().left,$('#portimg4df').offset().top); SetPos($("#portimg5hv"),'abs',$('#portimg5df').offset().left,$('#portimg5df').offset().top); SetPos($("#portimg6hv"),'abs',$('#portimg6df').offset().left,$('#portimg6df').offset().top); SetPos($("#portimg7hv"),'abs',$('#portimg7df').offset().left,$('#portimg7df').offset().top); SetPos($("#portimg8hv"),'abs',$('#portimg8df').offset().left,$('#portimg8df').offset().top); SetPos($("#portimg9hv"),'abs',$('#portimg9df').offset().left,$('#portimg9df').offset().top); if (SPFlag == 1) { $(".sec3box").hide(); setTimeout(function() { $(".sec3box").slideDown('normal'); },1000); } }); var InitFunc = function() { //Add EventListner $("#menu a").click(function() { MenuSyoriBefore(); var ArrHref = this.href.split('#'); if (ArrHref.length > 1) { if (ArrHref[1] == 'top') { ScrollAnime(0); }else if (ArrHref[1] == 'port') { ScrollAnime($('#sec2').offset().top-$('#menu').height()+10); }else if (ArrHref[1] == 'team') { ScrollAnime($('#sec3').offset().top-$('#menu').height()+50); }else if (ArrHref[1] == 'about') { ScrollAnime($('#sec4').offset().top-$('#menu').height()+10); }else if (ArrHref[1] == 'company') { ScrollAnime($('#sec6').offset().top-$('#menu').height()+10); }else if (ArrHref[1] == 'contact') { ScrollAnime($('#sec7').offset().top-$('#menu').height()+10); } if ($("#wrap_contact").is(':hidden')) { return true; }else{ try { if (history.pushState) { var strUrl = location.href; var strSharp = ArrHref[1]; var ArrHref2 = strUrl.split('?'); if (ArrHref2.length > 1) { strUrl = './?'+ArrHref2[1] +"#" + strSharp; }else{ strUrl = './' +"#" + strSharp; } var stateObj = {url:strUrl}; history.pushState(stateObj,"", strUrl); document.title = $('#hdTitleTop').val(); } }catch (e) { } return false; } } }); $("#navMenu").click(function() { if (ClickAnimeFlag == 1) { return; } ClickAnimeFlag = 1; $("#navMenu").hide(); $("#navMenuClose").show(); $("#spmenu").show(); $("#spmenu").addClass('animated5'); $("#spmenu").addClass('slideIn'); setTimeout(function() { ClickAnimeFlag = 0; $("#spmenu").removeClass('animated5'); $("#spmenu").removeClass('slideIn'); },600); return false; }); $("#btnMenuCloseSP").click(function() { if ($("#spmenu").is(':hidden')) { }else{ if (ClickAnimeFlag == 1) { return; } ClickAnimeFlag = 1; $("#navMenuClose").hide(); $("#navMenu").show(); $("#spmenu").show(); $("#spmenu").addClass('animated5'); $("#spmenu").addClass('slideOutR'); setTimeout(function() { ClickAnimeFlag = 0; $("#spmenu").hide(); $("#spmenu").removeClass('animated5'); $("#spmenu").removeClass('slideOutR'); },700); } return false; }); $("#navMenuClose").click(function() { if ($("#spmenu").is(':hidden')) { }else{ if (ClickAnimeFlag == 1) { return; } ClickAnimeFlag = 1; $("#navMenuClose").hide(); $("#navMenu").show(); $("#spmenu").show(); $("#spmenu").addClass('animated5'); $("#spmenu").addClass('slideOutR'); setTimeout(function() { ClickAnimeFlag = 0; $("#spmenu").hide(); $("#spmenu").removeClass('animated5'); $("#spmenu").removeClass('slideOutR'); },700); } return false; }); $("#spmenu a").click(function() { MenuSyoriBefore(); var ArrHref = this.href.split('#'); if (ArrHref.length > 1) { if (ArrHref[1] == 'top') { ScrollAnime(0); }else if (ArrHref[1] == 'port') { ScrollAnime($('#sec2').offset().top-$('#menu').height()+10); }else if (ArrHref[1] == 'team') { ScrollAnime($('#sec3').offset().top-$('#menu').height()+20); }else if (ArrHref[1] == 'about') { ScrollAnime($('#sec4').offset().top-$('#menu').height()+15); }else if (ArrHref[1] == 'company') { ScrollAnime($('#sec6').offset().top-$('#menu').height()+35); }else if (ArrHref[1] == 'contact') { ScrollAnime($('#sec7').offset().top-$('#menu').height()+20); } if ($("#wrap_contact").is(':hidden')) { return true; }else{ try { if (history.pushState) { var strUrl = location.href; var strSharp = ArrHref[1]; var ArrHref2 = strUrl.split('?'); if (ArrHref2.length > 1) { strUrl = './?'+ArrHref2[1] +"#" + strSharp; }else{ strUrl = './' +"#" + strSharp; } var stateObj = {url:strUrl}; history.pushState(stateObj,"", strUrl); document.title = $('#hdTitleTop').val(); } }catch (e) { } return false; } } }); //Privacy Pllicy $(".btnPolicy").click(function() { window.open('privacypolicy.html',null,'width=1000,height=800,personalbar=0,toolbar=0,scrollbars=1'); return false; }); $("#btnContact").click(function() { ExeContact(0); return false; }); $(".btntop").click(function() { MenuSyoriBefore(); ScrollAnime(0); if ($("#wrap_contact").is(':hidden')) { return true; }else{ try { if (history.pushState) { var strUrl = location.href; var ArrHref2 = strUrl.split('?'); if (ArrHref2.length > 1) { strUrl = './?'+ArrHref2[1] +"#top"; }else{ strUrl = './' +"#top"; } var stateObj = {url:strUrl}; history.pushState(stateObj,"", strUrl); document.title = $('#hdTitleTop').val(); } }catch (e) { } return false; } }); $("#btnRight").click(function() { if (AnimeFlag == 1) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex += 1; if (ProfIndex > 3) { ProfIndex = 1; } $("#profmodalmain" + ProfIndex).show(); $("#profmodalmain" + ProfIndex).addClass('animated'); $("#profmodalmain" + ProfIndex).addClass('slideIn'); $("#profmodalmain" + OldIndex).addClass('animated'); $("#profmodalmain" + OldIndex).addClass('slideOut'); $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalmain" + ProfIndex).removeClass('animated'); $("#profmodalmain" + ProfIndex).removeClass('slideIn'); $("#profmodalmain" + OldIndex).hide(); $("#profmodalmain" + OldIndex).removeClass('animated'); $("#profmodalmain" + OldIndex).removeClass('slideOut'); $("#profmodal").css('overflow','auto'); $(".ProfSlide").removeClass('slidecur'); $("#slide" + ProfIndex).addClass('slidecur'); },1000); }); $("#btnLeft").click(function() { if (AnimeFlag == 1) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex -= 1; if (ProfIndex < 1) { ProfIndex = 3; } $("#profmodalmain" + ProfIndex).show(); $("#profmodalmain" + ProfIndex).addClass('animated'); $("#profmodalmain" + ProfIndex).addClass('slideInR'); $("#profmodalmain" + OldIndex).addClass('animated'); $("#profmodalmain" + OldIndex).addClass('slideOutR'); $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalmain" + ProfIndex).removeClass('animated'); $("#profmodalmain" + ProfIndex).removeClass('slideInR'); $("#profmodalmain" + OldIndex).hide(); $("#profmodalmain" + OldIndex).removeClass('animated'); $("#profmodalmain" + OldIndex).removeClass('slideOutR'); $("#profmodal").css('overflow','auto'); $(".ProfSlide").removeClass('slidecur'); $("#slide" + ProfIndex).addClass('slidecur'); },1000); }); $("#btnRightPort").click(function() { if (AnimeFlag == 1) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex += 1; if (ProfIndex > 9) { ProfIndex = 1; } $("#profmodalport" + ProfIndex).show(); $("#profmodalport" + ProfIndex).addClass('animated'); $("#profmodalport" + ProfIndex).addClass('slideIn'); $("#profmodalport" + OldIndex).addClass('animated'); $("#profmodalport" + OldIndex).addClass('slideOut'); $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalport" + ProfIndex).removeClass('animated'); $("#profmodalport" + ProfIndex).removeClass('slideIn'); $("#profmodalport" + OldIndex).hide(); $("#profmodalport" + OldIndex).removeClass('animated'); $("#profmodalport" + OldIndex).removeClass('slideOut'); $("#profmodal").css('overflow','auto'); $(".PortSlide").removeClass('slidecur'); $("#slidep" + ProfIndex).addClass('slidecur'); },1000); }); $("#btnLeftPort").click(function() { if (AnimeFlag == 1) { return; } AnimeFlag = 1; OldIndex = ProfIndex; ProfIndex -= 1; if (ProfIndex < 1) { ProfIndex = 9; } $("#profmodalport" + ProfIndex).show(); $("#profmodalport" + ProfIndex).addClass('animated'); $("#profmodalport" + ProfIndex).addClass('slideInR'); $("#profmodalport" + OldIndex).addClass('animated'); $("#profmodalport" + OldIndex).addClass('slideOutR'); $("#profmodal").css('overflow','hidden'); setTimeout(function() { AnimeFlag = 0; $("#profmodalport" + ProfIndex).removeClass('animated'); $("#profmodalport" + ProfIndex).removeClass('slideInR'); $("#profmodalport" + OldIndex).hide(); $("#profmodalport" + OldIndex).removeClass('animated'); $("#profmodalport" + OldIndex).removeClass('slideOutR'); $("#profmodal").css('overflow','auto'); $(".PortSlide").removeClass('slidecur'); $("#slidep" + ProfIndex).addClass('slidecur'); },1000); }); $("#abtnProf1").click(function() { OpenProf(1); return false; }); $("#btnProf1").click(function() { OpenProf(1); return false; }); $("#abtnProf2").click(function() { OpenProf(2); return false; }); $("#btnProf2").click(function() { OpenProf(2); return false; }); $("#abtnProf3").click(function() { OpenProf(3); return false; }); $("#btnProf3").click(function() { OpenProf(3); return false; }); $("#btnProfF1").click(function() { CloseProfSP(1); }); $("#btnProfF2").click(function() { CloseProfSP(2); }); $("#btnProfF3").click(function() { CloseProfSP(3); }); $("#slide1").click(function() { SelProfChange(1); }); $("#slide2").click(function() { SelProfChange(2); }); $("#slide3").click(function() { SelProfChange(3); }); $("#slidep1").click(function() { SelPortChange(1); }); $("#slidep2").click(function() { SelPortChange(2); }); $("#slidep3").click(function() { SelPortChange(3); }); $("#slidep4").click(function() { SelPortChange(4); }); $("#slidep5").click(function() { SelPortChange(5); }); $("#slidep6").click(function() { SelPortChange(6); }); $("#slidep7").click(function() { SelPortChange(7); }); $("#slidep8").click(function() { SelPortChange(8); }); $("#slidep9").click(function() { SelPortChange(9); }); $(".aport").click(function() { var ArrHref = this.href.split('#port'); if (ArrHref.length > 1) { OpenPort(ArrHref[1]); } return false; }); $("#portimg1hv").click(function() { OpenPort('1'); return false; }); $("#portimg2hv").click(function() { OpenPort('2'); return false; }); $("#portimg3hv").click(function() { OpenPort('3'); return false; }); $("#portimg4hv").click(function() { OpenPort('4'); return false; }); $("#portimg5hv").click(function() { OpenPort('5'); return false; }); $("#portimg6hv").click(function() { OpenPort('6'); return false; }); $("#portimg7hv").click(function() { OpenPort('7'); return false; }); $("#portimg8hv").click(function() { OpenPort('8'); return false; }); $("#portimg9hv").click(function() { OpenPort('9'); return false; }); $("#btnClose").click(function() { CloseProf(); }); $("#btnClosePort").click(function() { CloseProf(); }); //Modal Touch Event if (SPFlag == 1) { var gTouchX,gTouchY,gMove,gWinW; var NextIndex,PrevIndex; $("#profmodal")[0].addEventListener('touchstart', function(ev) { var touch = ev.touches[0]; gTouchX = touch.screenX; gTouchY = touch.screenY; $("#profmodal").css('overflow','hidden'); gModalY = 60; PrevIndex = ProfIndex - 1; NextIndex = ProfIndex + 1; if (PrevIndex < 1) { PrevIndex = 9; } if (NextIndex > 9) { NextIndex = 1; } gWinW = $(window).width()+10; $("#profmodalport"+NextIndex).show(); SetPos($("#profmodalport"+NextIndex),'abs',gWinW,gModalY); $("#profmodalport"+PrevIndex).show(); SetPos($("#profmodalport"+PrevIndex),'abs',0-gWinW,gModalY); }, false); $("#profmodal")[0].addEventListener('touchmove', function(ev) { var touch = ev.changedTouches[0]; var MoveX = touch.screenX - gTouchX; var MoveY = touch.screenY - gTouchY; SetPos($("#profmodalport"+ProfIndex),'abs',MoveX,gModalY); SetPos($("#profmodalport"+NextIndex),'abs',MoveX+gWinW,gModalY); SetPos($("#profmodalport"+PrevIndex),'abs',MoveX-gWinW,gModalY); }, false); var AnimePortSlide = function() { if (gMove < 0 - (gWinW/3)) { gMove -= gWinW/10; if (gMove < 0-gWinW) { $("#profmodalport"+ProfIndex).hide(); SetPos($("#profmodalport"+ProfIndex),'abs',0,gModalY); SetPos($("#profmodalport"+NextIndex),'abs',0,gModalY); $("#profmodalport"+PrevIndex).hide(); SetPos($("#profmodalport"+PrevIndex),'abs',0,gModalY); $("#profmodal").css('overflow','auto'); ProfIndex = NextIndex; $(".PortSlide").removeClass('slidecur'); $("#slidep" + ProfIndex).addClass('slidecur'); return; } }else if (gMove > gWinW/3) { gMove += gWinW/10; if (gMove > gWinW) { $("#profmodalport"+ProfIndex).hide(); SetPos($("#profmodalport"+ProfIndex),'abs',0,gModalY); $("#profmodalport"+NextIndex).hide(); SetPos($("#profmodalport"+NextIndex),'abs',0,gModalY); SetPos($("#profmodalport"+PrevIndex),'abs',0,gModalY); $("#profmodal").css('overflow','auto'); ProfIndex = PrevIndex; $(".PortSlide").removeClass('slidecur'); $("#slidep" + ProfIndex).addClass('slidecur'); return; } }else{ SetPos($("#profmodalport"+ProfIndex),'abs',0,gModalY); $("#profmodalport"+NextIndex).hide(); SetPos($("#profmodalport"+NextIndex),'abs',0,gModalY); $("#profmodalport"+PrevIndex).hide(); SetPos($("#profmodalport"+PrevIndex),'abs',0,gModalY); $("#profmodal").css('overflow','auto'); return; } SetPos($("#profmodalport"+ProfIndex),'abs',gMove,gModalY); SetPos($("#profmodalport"+NextIndex),'abs',gMove+gWinW,gModalY); SetPos($("#profmodalport"+PrevIndex),'abs',gMove-gWinW,gModalY); setTimeout(AnimePortSlide,50); } $("#profmodal")[0].addEventListener('touchend', function(ev) { var touch = ev.changedTouches[0]; var MoveX = touch.screenX - gTouchX; var MoveY = touch.screenY - gTouchY; gMove = MoveX; AnimePortSlide(); }, false); } //MouseOver TouchDownUP Event //$(".sec2bnr").fadeTo('fast',0.8); if (SPFlag == 0) { $(".fadeover").hover( function () { $(this).fadeTo('fast',0.7); }, function () { $(this).fadeTo('fast',1.0); }); $(".sec2bnrhv").fadeTo('fast',0); $(".sec2bnrhv").hover( function(){ var winW = $(window).width(); if (winW >= 880) { $(this).fadeTo('fast',1); } }, function(){ var winW = $(window).width(); if (winW >= 880) { $(this).fadeTo('fast',0); } }); }else{ $(".fadeover").bind("touchstart", function() { $(this).fadeTo('fast',0.7); }); $(".fadeover").bind("touchend", function() { $(this).fadeTo('fast',1.0); }); $(".fadeover").bind("touchcancel", function() { $(this).fadeTo('fast',1.0); }); /* $(".sec2bnr").bind("touchstart", function() { $(this).fadeTo('fast',1.0); }); $(".sec2bnr").bind("touchend", function() { $(this).fadeTo('fast',0.8); }); $(".sec2bnr").bind("touchcancel", function() { $(this).fadeTo('fast',0.8); }); $(".sec2bnr").bind("touchstart", function() { $(this).fadeTo('fast',1.0); }); $(".sec2bnr").bind("touchend", function() { $(this).fadeTo('fast',0.8); }); $(".sec2bnr").bind("touchcancel", function() { $(this).fadeTo('fast',0.8); }); */ } SizeFit(); if (SPFlag == 0 && PlayFlag == 0) { $("#topvideo")[0].addEventListener("timeupdate", function(){ if (this.currentTime > 3.0) { if (PlayFlag == 1) { }else{ PlayFlag = 1; setTimeout(function() { $("#pctop01").fadeIn('slow'); $("#pctop03").fadeIn('slow'); },800) $("#pctop02").fadeIn('slow'); $("#pctop02").addClass('animatedloop'); $("#pctop02").addClass('rolling'); setTimeout(function() { $("#topvideo").fadeOut('slow'); setTimeout(function() { $("#topvideo").remove(); },1000) },900) if ($("#menuarea").is(':hidden')) { }else{ return; } StartSyori(2); } } }, false); setTimeout(function() { StartSyori(3); },1000); }else{ $("#menuarea").show(); $("#menuarea").addClass('animated'); $("#menuarea").addClass('fadeIn'); $("#menu").addClass('animated'); $("#menu").addClass('fadeIn'); $("#menuR").addClass('animated'); $("#menuR").addClass('fadeIn'); setTimeout(function() { $("#menuarea").removeClass('animated'); $("#menuarea").removeClass('fadeIn'); $("#menu").removeClass('animated'); $("#menu").removeClass('fadeIn'); $("#menuR").removeClass('animated'); $("#menuR").removeClass('fadeIn'); },1600); } //End Add EventListner } InitFunc(); try { var initStateObj = {url:location.href}; if (history.replaceState) { history.replaceState(initStateObj, null, location.href); } }catch (e) { } $(window).on('popstate', function(jqevent) { var state = jqevent.originalEvent.state; //State Object var strUrl = state.url; var ArrHref = strUrl.split('contact.html'); if (ArrHref.length > 1) { $("#wrap_contact").show(); $("#wrap").hide(); }else{ $("#wrap_contact").hide(); $("#wrap").show(); } }); });