#myCanvas{display:block;position:fixed;top:0;left:0}#loadingBg{position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;transition:.3s;background-color:#000}#loadingBg::before{content:'';display:block;width:100%;height:100%;background:url(../images/common/bg.jpg) top center no-repeat;background-size:cover;background-color:#000;position:fixed;bottom:0;left:0;z-index:-1}@media screen and (min-width: 751px){#loadingBg::before{background:url(../images/common/bg_pc.jpg) bottom center no-repeat;background-size:cover;position:fixed}}#loading{width:100%;position:fixed;z-index:9999;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#loading #percent{margin:0 auto 2.66667vw;text-align:center;font-size:3.73333vw;color:#fff;position:relative;transition:.2s}#loading #percent::before{content:'GET READY';position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:0;font-size:5.6vw;line-height:1.2}@media screen and (min-width: 751px){#loading #percent{margin:0 auto .78125vw;font-size:1.40625vw}#loading #percent::before{font-size:2.10938vw}}@media screen and (min-width: 1280px){#loading #percent{margin:0 auto 10px;font-size:18px}#loading #percent::before{font-size:27px}}#loading #gauge{width:0px;height:.26667vw;background:#f50a64;transition:.2s}@media screen and (min-width: 751px){#loading #gauge{height:.07813vw}}@media screen and (min-width: 1280px){#loading #gauge{height:1px}}#loadingBg.fadeout{-webkit-animation:fadeOut 1s 0.6s;animation:fadeOut 1s 0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;pointer-events:none}#loading.fadeout{-webkit-animation:fadeOut 1s 0.6s;animation:fadeOut 1s 0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;pointer-events:none}#loading.fadeout #percent::before{opacity:1;-webkit-animation:leterSpasing .8s 0s;animation:leterSpasing .8s 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#loading.fadeout #percent p{opacity:0}.closeBtn{opacity:0;-webkit-animation:fadeIn .6s .1s;animation:fadeIn .6s .1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes leterSpasing{0%{letter-spacing:0.12em}100%{letter-spacing:0.24em}}@keyframes leterSpasing{0%{letter-spacing:0.12em}100%{letter-spacing:0.24em}}#myCanvas{z-index:10000}#myCanvas.fadeIn{-webkit-animation:fadeInCanvas 0s 1s;animation:fadeInCanvas 0s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}header #mvCol::before{-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(-50%, -50%) scale(0.93, 0.93);transform:translate(-50%, -50%) scale(0.93, 0.93)}@media screen and (min-width: 751px){header #mvCol::before{-webkit-transform:translate(-50%, -50%) scale(0.965, 0.965);transform:translate(-50%, -50%) scale(0.965, 0.965)}}header #mvCol .logo{opacity:0}header .tekkenOfficial img{opacity:0}header .latestInformation,header .mvSeasonBtn{opacity:0}header #twBtn,header #languageMenu{opacity:0}@media screen and (min-width: 751px){header nav{opacity:0}}@media screen and (max-width: 750px){header #btnMenu{opacity:0}}header #fixBnr{opacity:0}header h1 img{opacity:0}header .pf img{opacity:0}header .catch img{opacity:0}header .release{opacity:0}header #titCol h2{opacity:0}header.start #mvCol::before{-webkit-animation:mvZoom 3.5s 1.0s ease-in-out;animation:mvZoom 3.5s 1.0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (min-width: 751px){header.start #mvCol::before{-webkit-animation:mvZoomPc 3.5s 1.0s ease-in-out;animation:mvZoomPc 3.5s 1.0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}header.start #mvCol .logo{-webkit-animation:fadeIn 1.2s .6s ease-in-out;animation:fadeIn 1.2s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (min-width: 751px){header.start nav{-webkit-animation:fadeIn 1.2s .6s ease-in-out;animation:fadeIn 1.2s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}header.start #twBtn,header.start #languageMenu{-webkit-animation:fadeIn 1.2s .6s ease-in-out;animation:fadeIn 1.2s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 750px){header.start #btnMenu{-webkit-animation:fadeIn 1.2s .6s ease-in-out;animation:fadeIn 1.2s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}header.start #fixBnr{-webkit-animation:fadeRight 1.0s .6s ease-in-out;animation:fadeRight 1.0s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start h1 img{-webkit-animation:zoomIn 2.0s 1.3s ease-out;animation:zoomIn 2.0s 1.3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start .pf img{-webkit-animation:fadeIn 1.2s 1.2s ease-in-out;animation:fadeIn 1.2s 1.2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start .catch img{-webkit-animation:blur 1.2s 1.8s ease-in-out;animation:blur 1.2s 1.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start .release{-webkit-animation:fadeIn 1.2s 1.6s ease-in-out;animation:fadeIn 1.2s 1.6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start .tekkenOfficial img{-webkit-animation:fadeIn 1.2s 1.6s ease-in-out;animation:fadeIn 1.2s 1.6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start .latestInformation,header.start .mvSeasonBtn{-webkit-animation:fadeIn 1.2s 1.6s ease-in-out;animation:fadeIn 1.2s 1.6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header.start #titCol h2{-webkit-animation:fadeIn 2.0s .6s ease-out;animation:fadeIn 2.0s .6s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#container #bnrCol .btn{opacity:0}#container .first-anim{opacity:0}#container .first-anim#characterDetail .imgCol{opacity:0}#container .first-anim#characterDetail .contentCol{opacity:0}#container.start #bnrCol .btn{-webkit-animation:fadeUpBtn 1.0s 2.6s ease-in-out;animation:fadeUpBtn 1.0s 2.6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#container.start .first-anim{-webkit-animation:fadeIn 1.0s .8s ease-in-out;animation:fadeIn 1.0s .8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#container.start .first-anim#characterDetail .imgCol{-webkit-animation:fadeLeftM 1.0s .8s ease-in-out;animation:fadeLeftM 1.0s .8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#container.start .first-anim#characterDetail .contentCol{-webkit-animation:fadeLeftM .8s 1.0s ease-in-out;animation:fadeLeftM .8s 1.0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime{opacity:0}.js-anime.fadeIn.s{-webkit-animation:fadeIn 0.8s 0s ease-in-out;animation:fadeIn 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeIn.delay.s{-webkit-animation:fadeIn 0.8s .3s ease-in-out;animation:fadeIn 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeUp.s{-webkit-animation:fadeUp 0.8s 0s ease-in-out;animation:fadeUp 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeUp.delay.s{-webkit-animation:fadeUp 0.8s .3s ease-in-out;animation:fadeUp 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeUp.delayM.s{-webkit-animation:fadeUp 0.8s .6s ease-in-out;animation:fadeUp 0.8s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeRight.s{-webkit-animation:fadeRight 0.8s 0s ease-in-out;animation:fadeRight 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeRight.delay.s{-webkit-animation:fadeRight 0.8s .3s ease-in-out;animation:fadeRight 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeRight.spLeftDelay.s{-webkit-animation:fadeRight 0.8s .3s ease-in-out;animation:fadeRight 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 750px){.js-anime.fadeRight.spLeftDelay.s{-webkit-animation:fadeLeft 0.8s .3s ease-in-out;animation:fadeLeft 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.js-anime.fadeUpBtn.s{-webkit-animation:fadeUpBtn 0.8s 0s ease-in-out;animation:fadeUpBtn 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.fadeUpBtn.delay.s{-webkit-animation:fadeUpBtn 0.8s .3s ease-in-out;animation:fadeUpBtn 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.blur.s{-webkit-animation:blur 0.8s 0s ease-in-out;animation:blur 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.blur.delay.s{-webkit-animation:blur 0.8s .3s ease-in-out;animation:blur 0.8s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.blur.delayM.s{-webkit-animation:blur 0.8s .6s ease-in-out;animation:blur 0.8s .6s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.blurZoom.s{-webkit-animation:blurZoom 0.8s 0s ease-in-out;animation:blurZoom 0.8s 0s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.blurZoom.delay.s{-webkit-animation:blurZoom 1.2s .3s ease-in-out;animation:blurZoom 1.2s .3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.js-anime.leftChara.s{-webkit-animation:fadeLeftM 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);animation:fadeLeftM 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (min-width: 751px){.js-anime.leftChara.s{-webkit-animation:fadeLeftL 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);animation:fadeLeftL 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.js-anime.rightChara.s{-webkit-animation:fadeRightM 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);animation:fadeRightM 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (min-width: 751px){.js-anime.rightChara.s{-webkit-animation:fadeRightL 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);animation:fadeRightL 0.8s 0.3s cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0.35, 0.35);transform:scale(0.35, 0.35)}100%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4)}}@keyframes scale{0%{-webkit-transform:scale(0.35, 0.35);transform:scale(0.35, 0.35)}100%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4)}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeUpBtn{0%{opacity:0;-webkit-transform:translateY(20px) skewX(-30deg);transform:translateY(20px) skewX(-30deg)}100%{opacity:1;-webkit-transform:translateY(0) skewX(-30deg);transform:translateY(0) skewX(-30deg)}}@keyframes fadeUpBtn{0%{opacity:0;-webkit-transform:translateY(20px) skewX(-30deg);transform:translateY(20px) skewX(-30deg)}100%{opacity:1;-webkit-transform:translateY(0) skewX(-30deg);transform:translateY(0) skewX(-30deg)}}@-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRightM{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightM{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeLeftM{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeftM{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRightL{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightL{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeLeftL{0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeftL{0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInCanvas{0%{z-index:10000}100%{z-index:-1}}@keyframes fadeInCanvas{0%{z-index:10000}100%{z-index:-1}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);opacity:0}30%{}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);opacity:0}30%{}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}}@-webkit-keyframes zoomIn50{0%{-webkit-transform:scale(0.95, 0.95) translate(-50%, 0);transform:scale(0.95, 0.95) translate(-50%, 0);opacity:0}30%{}100%{-webkit-transform:scale(1, 1) translate(-50%, 0);transform:scale(1, 1) translate(-50%, 0);opacity:1}}@keyframes zoomIn50{0%{-webkit-transform:scale(0.95, 0.95) translate(-50%, 0);transform:scale(0.95, 0.95) translate(-50%, 0);opacity:0}30%{}100%{-webkit-transform:scale(1, 1) translate(-50%, 0);transform:scale(1, 1) translate(-50%, 0);opacity:1}}@-webkit-keyframes blur{0%{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}100%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}}@keyframes blur{0%{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}100%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}}@-webkit-keyframes blurZoom{0%{opacity:0;-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);-webkit-filter:blur(10px);filter:blur(10px)}50%{opacity:1}100%{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-filter:blur(0px);filter:blur(0px)}}@keyframes blurZoom{0%{opacity:0;-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);-webkit-filter:blur(10px);filter:blur(10px)}50%{opacity:1}100%{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-filter:blur(0px);filter:blur(0px)}}@-webkit-keyframes mvZoom{0%{-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(-50%, -50%) scale(0.93, 0.93);transform:translate(-50%, -50%) scale(0.93, 0.93)}70%{-webkit-filter:blur(0px);filter:blur(0px)}100%{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}}@keyframes mvZoom{0%{-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(-50%, -50%) scale(0.93, 0.93);transform:translate(-50%, -50%) scale(0.93, 0.93)}70%{-webkit-filter:blur(0px);filter:blur(0px)}100%{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}}@-webkit-keyframes mvZoomPc{0%{-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(-50%, -50%) scale(0.965, 0.965);transform:translate(-50%, -50%) scale(0.965, 0.965)}70%{-webkit-filter:blur(0px);filter:blur(0px)}100%{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}}@keyframes mvZoomPc{0%{-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:translate(-50%, -50%) scale(0.965, 0.965);transform:translate(-50%, -50%) scale(0.965, 0.965)}70%{-webkit-filter:blur(0px);filter:blur(0px)}100%{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}}

/*# sourceMappingURL=maps/animation.css.map */