@charset "utf-8";.header .home,.header .logo{z-index:10;left:50%;position:absolute}.page-1,.page-2,.wrap{position:relative;overflow:hidden}.page-1,.page-2,.wrap a{width:100%;display:block}.page-2 .btn-detail a,.page-2 .btn-patch a{z-index:5;width:313px;height:102px;top:1044px;cursor:pointer}.floating,.wrap a{text-indent:-9999px}.floating .menu1,.floating .menu2,.page-1.on .btn-event a,.page-2 .btn-detail a,.page-2 .btn-patch a{transition-property:background;transition-duration:.3s}*,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}a img,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}#yui3-css-stamp.cssreset{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}a{text-decoration:none}button{font-family:Roboto,sans-serif;cursor:pointer}button,input,select,textarea{box-sizing:border-box;outline-style:none;resize:none}@keyframes titleAni{0%{opacity:0;filter:grayscale(100%) blur(4px);transform:translateY(20px)}30%{transform:translateY(0)}70%{filter:grayscale(100%) blur(0)}100%{opacity:1;filter:grayscale(0%)}}@keyframes moveLeft{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes moveLeft2{0%{opacity:0;transform:translateX(250px) scale(.97)}7%{opacity:1;transform:translateX(170px) scale(1)}100%{opacity:1;transform:translateX(0)}}@keyframes appearAni{from{opacity:0}to{opacity:1}}@keyframes rotateAni{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}.hide{display:none!important}.wrap{min-width:1280px}.wrap a{height:100%}.header .logo{top:28px;margin-left:-654px;height:93px;width:168px;background:url(../img/logo.png) no-repeat}.header .home{top:29px;margin-left:600px;width:50px;height:50px;background:url(../img/gohome.png) no-repeat;transition-property:background}.header .home:hover{background:url(../img/gohome_hover.png) no-repeat}.page{transform:translateX(0);transition:.5s;height:1440px}.page-1,.page-2{height:1440px}.floating,.popup{z-index:99;position:fixed;top:0}.page-1{background:url(../img/content1.jpg) center 0 no-repeat}.page-2{background:url(../img/content2.jpg) center 0 no-repeat}.page-1 :not(.btn,.title1-1,.title-content),.page-2 :not(.btn){position:absolute;left:50%;display:block;overflow:hidden;text-indent:-10000em;transition-property:background}.page-1.on .title1{opacity:0;width:1097px;height:416px;top:57px;margin-left:-545px;background:url(../img/title1.png) center 0 no-repeat;animation:1.8s ease-in-out .7s forwards titleAni}.page-1.on .char1{opacity:0;overflow:visible;width:591px;height:851px;top:398px;margin-left:-902px;background:url(../img/char1.png) center 0 no-repeat;animation:.4s ease-in .1s forwards appearAni}.page-1.on .char1::before{content:"";position:absolute;width:135px;height:112px;top:-49px;left:73px;background:url(../img/help.png) center 0 no-repeat;transform-origin:bottom right;animation:.8s ease-in .9s infinite forwards rotateAni}.page-1.on .char2{opacity:0;width:310px;height:463px;top:432px;margin-left:488px;background:url(../img/char2.png) center 0 no-repeat;animation:.4s ease-in .4s forwards appearAni}.page-1.on .story{opacity:0;width:986px;height:817px;top:517px;margin-left:-375px;background:url(../img/content_story.png) center 0 no-repeat;animation:1s ease-in 1.4s forwards appearAni}.page-1.on .btn-event a{width:197px;height:191px;top:560px;left:479px;background:url(../img/btn_go.png) center 0 no-repeat}.page-1.on .btn-event a:hover{background:url(../img/btn_go_hover.png) center 0 no-repeat}.page-2.on .title2{opacity:0;width:761px;height:312px;top:237px;margin-left:-710px;background:url(../img/title2.png) center 0 no-repeat;animation:.3s linear .1s forwards moveLeft}.page-2.on .char3{opacity:0;z-index:3;width:1500px;height:1402px;top:-71px;margin-left:-362px;background:url(../img/char3.png) center 0 no-repeat;animation:4.8s ease-in .5s forwards moveLeft2}.page-2 .movie{z-index:4;width:821px;height:494px;top:544px;margin-left:-719px;background:url(../img/btn_movie.png) center 0 no-repeat;cursor:pointer}.page-2 .btn-patch a{margin-left:-637px;background:url(../img/btn_patch.png) center 0 no-repeat}.page-2 .btn-patch a:hover{background:url(../img/btn_patch_hover.png) center 0 no-repeat}.page-2 .btn-detail a{margin-left:-305px;background:url(../img/btn_detail.png) center 0 no-repeat}.page-2 .btn-detail a:hover{background:url(../img/btn_detail_hover.png) center 0 no-repeat}.floating{right:138px;width:184px;height:310px;background:url(../img/menu_back.png) center 0 no-repeat}.floating .menu1,.floating .menu2{position:absolute;width:153px;height:127px;top:52px;left:15px;background:url(../img/menu1.png) center 0 no-repeat;cursor:pointer}.floating .menu1.on,.floating .menu1:hover{background:url(../img/menu1_hover.png) center 0 no-repeat}.floating .menu2{top:130px;background:url(../img/menu2.png) center 0 no-repeat}.floating .menu2.on,.floating .menu2:hover{background:url(../img/menu2_hover.png) center 0 no-repeat}.popup{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.popup .close{position:absolute;top:134px;left:50%;width:64px;height:58px;margin-left:524px;background-image:url(../img/btn_close.png);cursor:pointer}.footer,.footer::before{position:absolute;height:16px}.popup #youtube{position:absolute;top:200px;left:50%;margin-left:-580px}.footer{bottom:37px;left:50%;margin-left:-34px;color:#9f7e50;font-size:13px}.footer::before{top:5px;left:-209px;content:"";width:163px;background:url(../img/footer.png) no-repeat}