@keyframes horizontal01{0%{transform:translateX(-5px)}100%{transform:translateX(0px)}}@keyframes vertical01{0%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes jump01{0%{transform:translateY(400px);opacity:0}20%{opacity:1}80%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes rotate01{0%{transform:rotate(360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(-3deg) scale(1.05, 1.05)}100%{transform:rotate(0deg) scale(1, 1)}}@keyframes rotate02{0%{transform:rotate(-45deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(3deg) scale(1.05, 1.05)}100%{transform:rotate(0deg) scale(1, 1)}}@keyframes rotate03{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotateMinus{0%{transform:rotate(360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(-10deg) scale(1.05, 1.05)}100%{transform:rotate(-5deg) scale(1, 1)}}@keyframes rotatePlus{0%{transform:rotate(-360deg) scale(0.1, 0.1);opacity:0}20%{opacity:1}80%{transform:rotate(10deg) scale(1.05, 1.05)}100%{transform:rotate(5deg) scale(1, 1)}}@keyframes slideLeft{0%{transform:translateX(800px);opacity:0}20%{opacity:1}80%{transform:translateX(-20px)}100%{transform:translateX(0px)}}@keyframes slideRight{0%{transform:translateX(-800px);opacity:0}20%{opacity:1}80%{transform:translateX(20px)}100%{transform:translateX(0px)}}@keyframes blink01{0%{opacity:1}74%{opacity:1}75%{opacity:0}80%{opacity:1}85%{opacity:0}90%{opacity:1}95%{opacity:0}100%{opacity:1}}@keyframes shake01{0%{top:-2px;left:2px}10%{top:3px;left:-1px}20%{top:-1px;left:-2px}30%{top:1px;left:-5px}40%{top:1px;left:-4px}50%{top:2px;left:-2px}60%{top:-5px;left:-5px}70%{top:-2px;left:-4px}80%{top:2px;left:-3px}90%{top:3px;left:1px}100%{top:-4px;left:-4px}}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,*::after,*::before{box-sizing:border-box}span,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,article,section,p,a,img,table,td,th,blockquote,input,textarea,select,option,time{line-height:1.6em;font-weight:400;font-style:normal;font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;background:none;word-wrap:break-word;overflow-wrap:break-word}html,body{width:100%;height:100%;min-height:100%}body{position:relative;background:#fff}body>iframe{display:block;width:0 !important;height:0 !important;position:absolute;top:-5000px;left:-5000px}p{margin-bottom:1rem}ul{list-style:none}a{color:#fd8204;text-decoration:underline;outline:none}a:visited,a:active{color:#fd8204}a:hover{color:#6acdb1}em{font-style:normal}header{width:100%;background:#fff;height:40px;margin:0 auto 0;padding:0;overflow:hidden;position:relative;z-index:1003}header div{width:100%;margin:0 auto}header div:after::after{content:".";display:block;height:0px;clear:both;line-height:0;visibility:hidden}header div h1{float:left;width:78px;height:26px;padding-top:7px;padding-left:5px;background:none}header div ul{float:right;height:25px;padding-top:7px;padding-right:5px}header div ul li{width:25px;height:25px;float:right;margin-left:3px}footer{color:#214984;background:#fff;width:100%;padding-bottom:2em;position:relative;z-index:1002}footer *{text-align:center}footer #footer-spec h2{border-bottom:1px solid #214984;font-weight:700}footer #footer-spec dt{font-weight:700}footer #footer-spec dd{margin-bottom:1em}footer #footer-pratform{background:#000}footer #footer-pratform p{line-height:0}footer #footer-pratform p img{height:auto}nav{background:#ffcd00;position:relative;z-index:1004;line-height:0}nav div:nth-child(1){line-height:0}nav div:nth-child(1) h1{position:absolute;z-index:1;line-height:0;font-size:0}nav div:nth-child(1) h1 a{display:block}nav div:nth-child(1) h1 a img{width:100%;height:100%}nav div:nth-child(1) ul{position:relative;height:82px;padding-right:2vw;font-size:0;text-align:right;z-index:0}nav div:nth-child(1) ul li{display:inline-block;width:250px;height:82px;overflow:hidden;position:relative}nav div:nth-child(1) ul li a{width:250px;height:820px;display:block;position:absolute;z-index:0;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;line-height:0em;background-size:contain !important;transition:transform 1s cubic-bezier(0.645, 0.045, 0.355, 1)}nav div:nth-child(1) ul li:nth-child(1) a{background:url("nav/nav_game.png") top center no-repeat}nav div:nth-child(1) ul li:nth-child(2) a{background:url("nav/nav_characters.png") top center no-repeat}nav div:nth-child(1) ul li:nth-child(3) a{background:url("nav/nav_video.png") top center no-repeat}nav div:nth-child(2){position:fixed;bottom:2vw;right:2vw;transform:skewY(-5deg)}nav div:nth-child(2) a{display:block;width:50px;height:50px;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;line-height:0em;background-image:url("nav/button_top.gif");background-position:0 top !important;background-size:cover !important}nav div:nth-child(2) a:hover{background-position:0 bottom !important}#common-contents{position:relative;z-index:1001;width:100%;overflow:hidden;background:url("common-contents/common-contents.png") left top no-repeat}#common-bg{width:100%;height:100%;position:fixed;z-index:0;top:0;overflow:hidden}#common-bg #bg1,#common-bg #bg2,#common-bg #bg3,#common-bg #bg4{width:100%;height:100%;min-height:100%;position:absolute;top:0}#common-bg #bg1{background:url("common-bg/bg-01.jpg") center center no-repeat;background-size:cover;z-index:0}#common-bg #bg2,#common-bg #bg3,#common-bg #bg4{width:3000px;height:3000px;top:-50%;left:-50%}#common-bg #bg2{animation:rotate03 360s linear infinite;background:url("common-bg/bg-02.png") center center no-repeat;z-index:1}#common-bg #bg3{animation:rotate03 420s linear infinite;background:url("common-bg/bg-03.png") center center no-repeat;border-bottom:#490101 500px solid;z-index:2;top:-50%;left:0%}#common-bg #bg4{animation:rotate03 620s linear infinite;background:url("common-bg/bg-04.png") center center no-repeat;border-left:#162d55 500px solid;z-index:1;top:20%;left:-50%}.youtubeWrapper{position:relative;height:0;overflow:hidden;padding-top:56.25%}.youtubeWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.videoButton{display:block;line-height:0;overflow:hidden;position:relative}.videoButton:before{content:"";width:100%;height:100%;position:absolute;z-index:10;display:block;background:url("common-class/play_triangle.png") no-repeat center center;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)}@media only screen and (max-width: 750px){.videoButton:before{background-size:calc(330 / 750 * 100vw)}}@media only screen and (min-width: 751px){.videoButton:before{background-size:calc(330 / 1440 * 100vw)}}.videoButton img{transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);position:relative;z-index:0}@media only screen and (max-width: 750px){.videoButton{border:calc(3 / 750 * 100vw) #ffcd00 solid}}@media only screen and (min-width: 751px){.videoButton{border:calc(3 / 1440 * 100vw) #ffcd00 solid}}.videoButton:hover:before{transform:scale(0.5)}.videoButton:hover img{transform:scale(1.5)}.skewY{transform:skewY(-5deg)}.newInfo{position:absolute;background:url("common-class/newInfo.png") no-repeat;display:block;animation:blink01 2s linear infinite}@media only screen and (max-width: 750px){.newInfo{background-size:calc(38 / 750 * 100vw);width:calc(38 / 750 * 100vw);height:calc(25 / 750 * 100vw);top:calc(4 / 750 * 100vw);left:calc(4 / 750 * 100vw)}}@media only screen and (min-width: 751px){.newInfo{background-size:calc(38 / 1440 * 100vw);width:calc(38 / 1440 * 100vw);height:calc(25 / 1440 * 100vw);margin-top:calc(4 / 1440 * 100vw) !important;margin-left:calc(4 / 1440 * 100vw) !important}}.newInfo{z-index:100}.consoleDiv{display:block;background:#fff;color:red;border:2px solid #000;position:fixed;z-index:100000 !important;width:10rem;height:1.5em;top:0}#common-loading{width:100%;height:100%;position:fixed;background:#fff;top:0;z-index:10000}#common-loading div{margin:0 auto;width:300px;text-align:center;top:45%;position:relative}#common-loading div p{color:#999;font-weight:700;font-size:1.6vw}/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden !important}#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(swipebox/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{transform:translate3d(0, -50px, 0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{transform:translate3d(0, 50px, 0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(swipebox/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:0.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{backface-visibility:hidden;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;box-shadow:inset 10px 0px 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;box-shadow:inset -10px 0px 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width: 800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:0.95}#swipebox-top-bar{color:#fff !important;font-size:15px;line-height:43px;font-family:Helvetica, Arial, sans-serif}@media only screen and (max-width: 750px){span,p,dl,table,td,th{font-size:2vw}footer #footer-spec h2{font-size:4vw}footer #footer-spec dl dt{font-size:3.2vw}footer #footer-spec dl dd{font-size:2.6666666667vw;margin-bottom:calc(20 / 750 * 100vw)}footer #footer-spec p img{width:calc(90 / 750 * 100vw)}footer #footer-pratform p img{width:calc(240 / 750 * 100vw)}footer #footer-txt p img{width:calc(160 / 750 * 100vw)}footer #footer-txt2 p img {width: calc(600 / 750 * 100vw);}nav div:nth-child(1) h1{width:calc(216 / 750 * 100vw);margin-top:calc(10 / 750 * 100vw);margin-left:calc(42 / 750 * 100vw)}nav div:nth-child(1) ul{height:calc(82 / 750 * 100vw)}nav div:nth-child(1) ul li{height:calc(82 / 750 * 100vw)}nav div:nth-child(1) ul li a{height:calc(820 / 750 * 100vw)}nav div:nth-child(1) ul li a:hover,nav div:nth-child(1) ul li a.active{transform:translateY(calc((-820 + 82) / 750 * 100vw))}nav div:nth-child(1) ul li:nth-child(1),nav div:nth-child(1) ul li:nth-child(1) a{width:calc(110 / 750 * 100vw)}nav div:nth-child(1) ul li:nth-child(2),nav div:nth-child(1) ul li:nth-child(2) a{width:calc(190 / 750 * 100vw)}nav div:nth-child(1) ul li:nth-child(3),nav div:nth-child(1) ul li:nth-child(3) a{width:calc(110 / 750 * 100vw)}nav div:nth-child(1) h1{width:calc(216 / 750 * 100vw);margin-top:calc(10 / 750 * 100vw);margin-left:calc(42 / 750 * 100vw)}nav div:nth-child(1) ul{height:calc(82 / 750 * 100vw)}nav div:nth-child(1) ul li{height:calc(82 / 750 * 100vw)}nav div:nth-child(1) ul li a{height:calc(820 / 750 * 100vw)}nav div:nth-child(1) ul li a:hover,nav div:nth-child(1) ul li a.active{transform:translateY(calc((-820 + 82) / 750 * 100vw))}nav div:nth-child(1) ul li:nth-child(1),nav div:nth-child(1) ul li:nth-child(1) a{width:calc(110 / 750 * 100vw)}nav div:nth-child(1) ul li:nth-child(2),nav div:nth-child(1) ul li:nth-child(2) a{width:calc(190 / 750 * 100vw)}nav div:nth-child(1) ul li:nth-child(3),nav div:nth-child(1) ul li:nth-child(3) a{width:calc(110 / 750 * 100vw)}#common-contents{background-size:calc(349 / 750 * 100vw)}}@media only screen and (min-width: 751px){span,p,dl,table,td,th{font-size:1.0416666667vw}header{height:calc(40 / 1440 * 100vw)}header div h1{width:calc(78 / 1440 * 100vw);height:calc(26 / 1440 * 100vw);padding-top:calc(7 / 1440 * 100vw);padding-left:calc(5 / 1440 * 100vw)}header div h1 img{width:calc(78 / 1440 * 100vw);height:calc(26 / 1440 * 100vw)}header div ul{height:calc(25 / 1440 * 100vw);padding-top:calc(7 / 1440 * 100vw);padding-left:calc(5 / 1440 * 100vw)}header div ul li{width:calc(25 / 1440 * 100vw);height:calc(25 / 1440 * 100vw);margin-left:calc(3 / 1440 * 100vw)}header div ul li a img{width:calc(25 / 1440 * 100vw);height:calc(25 / 1440 * 100vw)}footer #footer-spec h2{font-size:2.0833333333vw}footer #footer-spec dl dt{font-size:1.6666666667vw}footer #footer-spec dl dd{font-size:1.3888888889vw;margin-bottom:calc(20 / 1440 * 100vw)}footer #footer-spec p img{width:calc(90 / 1440 * 100vw)}footer #footer-pratform p img{width:calc(250 / 1440 * 100vw)}footer #footer-txt p img{width:calc(160 / 1440 * 100vw)}footer #footer-txt2 p img {width: calc(600 / 1440 * 100vw);}nav div:nth-child(1) h1{width:calc(216 / 1440 * 100vw);margin-top:calc(10 / 1440 * 100vw);margin-left:calc(42 / 1440 * 100vw)}nav div:nth-child(1) ul{height:calc(82 / 1440 * 100vw)}nav div:nth-child(1) ul li{height:calc(82 / 1440 * 100vw)}nav div:nth-child(1) ul li a{height:calc(820 / 1440 * 100vw)}nav div:nth-child(1) ul li a:hover,nav div:nth-child(1) ul li a.active{transform:translateY(calc((-820 + 82) / 1440 * 100vw))}nav div:nth-child(1) ul li:nth-child(1),nav div:nth-child(1) ul li:nth-child(1) a{width:calc(110 / 1440 * 100vw)}nav div:nth-child(1) ul li:nth-child(2),nav div:nth-child(1) ul li:nth-child(2) a{width:calc(190 / 1440 * 100vw)}nav div:nth-child(1) ul li:nth-child(3),nav div:nth-child(1) ul li:nth-child(3) a{width:calc(110/ 1440 * 100vw)}nav div:nth-child(2) a{width:calc(50/ 1440 * 100vw);height:calc(50 / 1440 * 100vw)}#common-contents{background-size:calc(349 / 1440 * 100vw)}}