@charset "utf-8";@font-face{font-family:'saofont';src:url("/promotion/sao_story/assets/index/font/SAOFont-Regular_v1.otf")}body{background-color:#000;color:#fff;font-family:"saofont"}*{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.js-fit,.js-fit-zoom,body,main{height:100%}main{position:relative;width:375px;height:100%;margin:0px auto;display:block}.text_attention{width:12px;height:12px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/text_button.png");background-repeat:no-repeat;background-position:0 0;background-size:12px 12px;position:absolute;right:10px;bottom:26px;-webkit-animation:flashAnim0 2s linear 0s infinite;animation:flashAnim0 2s linear 0s infinite}.stage{display:block;width:100%;height:100%;background-color:#ddd;position:absolute;top:0px;left:0px;z-index:0}.stage .bg{width:100%;height:100%;position:absolute;top:0px;z-index:0}.stage .bg .bg0,.stage .bg .bg1{width:100%;height:100%;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity;position:absolute;top:0px;opacity:0;background-color:#000;background-size:cover;background-position:center}.stage .bg .bg0.bg_black,.stage .bg .bg1.bg_black{opacity:1}.stage .bg .bg0.bg_white,.stage .bg .bg1.bg_white{background-color:#fff}.stage .characters{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;z-index:0}.stage .characters li{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s;z-index:0;position:absolute;bottom:0;left:50%;width:100%;height:100%;margin-left:-100px}.stage .characters li.second{margin-left:100px}.stage .characters li.active.kirito_kuro,.stage .characters li.active.kirito_kob,.stage .characters li.active.asuna{z-index:1}.stage .characters li.active img.shadow{opacity:0}.stage .characters li.kirito_kuro,.stage .characters li.kirito_kob{width:220px;margin-left:-190px}.stage .characters li.kirito_kuro.second,.stage .characters li.kirito_kob.second{margin-left:-30px}.stage .characters li.asuna{width:225px;margin-left:-210px}.stage .characters li.asuna.second{margin-left:-10px}.stage .characters li.kuradeel{width:350px;margin-left:-225px}.stage .characters li.kuradeel.second{margin-left:-75px}.stage .characters li.heathcliff{width:330px;margin-left:-240px}.stage .characters li.heathcliff.second{margin-left:-80px}.stage .characters li:after{content:".";display:block;margin-top:-1em;line-height:1;color:transparent}.stage .characters li img{width:100%;position:absolute;bottom:0px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s}.stage .characters.min li,.stage .characters.min2 li{height:120%}.stage .characters.min li.kirito_kuro,.stage .characters.min li.kirito_kob,.stage .characters.min2 li.kirito_kuro,.stage .characters.min2 li.kirito_kob{margin-left:-210px}.stage .characters.min li img,.stage .characters.min2 li img{-webkit-transform:scale(0.85);transform:scale(0.85)}.stage .characters.min2 li img{-webkit-transform:scale(0.7);transform:scale(0.7)}.ui{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:0px;left:0px;z-index:0}.ui .hitpoint_bars{position:absolute;top:8px;left:8px}.ui .hitpoint_bars .hitpoint-bar0,.ui .hitpoint_bars .hitpoint-bar1{width:198px;height:24px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/hp_bar_bg0.png");background-repeat:no-repeat;background-position:0 0;background-size:198px 24px;-webkit-transform:translateX(-350px);transform:translateX(-350px);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:0.6s;transition-duration:0.6s;width:350px;margin-bottom:4px}.ui .hitpoint_bars .hitpoint-bar0::after,.ui .hitpoint_bars .hitpoint-bar1::after{content:" ";display:block;visibility:hidden;clear:both;height:0}.ui .hitpoint_bars .hitpoint-bar0 .name,.ui .hitpoint_bars .hitpoint-bar1 .name{min-width:22px;height:24px;line-height:24px;font-size:14px;margin:0 8px 0 18px;float:left;-webkit-text-shadow:1px 1px #000;text-shadow:1px 1px #000;letter-spacing:1px}.ui .hitpoint_bars .hitpoint-bar0 .bar,.ui .hitpoint_bars .hitpoint-bar1 .bar{margin:6px 0 0 0;width:147px;height:13px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/hp_bar0.png");background-repeat:no-repeat;background-position:0 0;background-size:147px 13px;float:left}.ui .hitpoint_bars .hitpoint-bar1{width:116px;height:20px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/hp_bar_bg1.png");background-repeat:no-repeat;background-position:0 0;background-size:116px 20px;width:350px;margin-bottom:8px;display:none}.ui .hitpoint_bars .hitpoint-bar1 .name{height:20px;line-height:20px}.ui .hitpoint_bars .hitpoint-bar1 .bar{margin:6px 0 0 0;width:71px;height:8px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/hp_bar1.png");background-repeat:no-repeat;background-position:0 0;background-size:71px 8px;float:left}.ui .hitpoint_bars .sub-title{width:77px;height:14px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/title.png");background-repeat:no-repeat;background-position:0 0;background-size:77px 14px;overflow:hidden;white-space:nowrap;text-indent:110%;font-size:0;-webkit-transform:translateX(-128px);transform:translateX(-128px);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s}.ui .menu_btn{width:60px;height:60px;position:absolute;top:8px;right:8px;position:absolute;-webkit-transform:translateX(70px);transform:translateX(70px);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s}.ui .menu_btn span.circle{content:'';width:60px;height:60px;border-radius:100px;background-color:#f5a900;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;position:absolute;top:0px;opacity:0}.ui .menu_btn:after{content:'';width:60px;height:60px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/menu_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:60px 60px;position:absolute;top:0px}.ui .main_menu{position:absolute;top:17px;right:60px}.ui .main_menu li{-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s;position:relative;opacity:0}.ui .main_menu li:before{content:'';position:absolute;top:0px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.ui .main_menu li span{position:absolute;top:0px;display:block;color:#646464;-webkit-text-shadow:1px 1px #eee;text-shadow:-1px -1px #eee;font-size:27px;text-indent:38px;line-height:40px;letter-spacing:1px}.ui .main_menu li.active:before{opacity:1}.ui .main_menu li.active span{color:#fff;-webkit-text-shadow:none;text-shadow:none}.ui .main_menu li.log_btn{width:107px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/log_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:107px 40px;margin-bottom:1px}.ui .main_menu li.log_btn:before{width:107px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/log_bg_active.png");background-repeat:no-repeat;background-position:0 0;background-size:107px 40px}.ui .main_menu li.skip_btn{width:96px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/skip_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:96px 40px;margin-bottom:1px}.ui .main_menu li.skip_btn:before{width:96px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/skip_bg_active.png");background-repeat:no-repeat;background-position:0 0;background-size:96px 40px}.ui .main_menu li.replay_btn{width:96px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/replay_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:96px 40px}.ui .main_menu li.replay_btn span{letter-spacing:-0.5px}.ui .main_menu li.replay_btn:before{width:96px;height:40px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/menu/replay_bg_active.png");background-repeat:no-repeat;background-position:0 0;background-size:96px 40px}.ui .message-view{width:100%;height:150px;position:absolute;left:0px;bottom:0px;padding-top:52px;box-sizing:border-box;font-size:1.1em;z-index:0;width:375px;height:161px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/text_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:375px 161px;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;opacity:0;-webkit-transform:translateY(170px);transform:translateY(170px)}.ui .message-view.active{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.ui .message-view .name{text-align:center;width:137px;display:inline-block;position:absolute;top:11px;left:0}.ui .message-view .massage{width:92%;margin:0 auto;line-height:2em;letter-spacing:0.1em;word-wrap:break-word;font-size:14px}.ui.show .hitpoint-bar0,.ui.show .hitpoint-bar1{-webkit-transform:translateX(0px);transform:translateX(0px)}.ui.show .sub-title{-webkit-transform:translateX(0px);transform:translateX(0px)}.ui.show .menu_btn{-webkit-transform:translateX(0px);transform:translateX(0px)}.ui .advance-bar{width:100%;height:7px;position:absolute;bottom:0px;border-top:1px solid #71ffff;border-bottom:1px solid #71ffff}.ui .advance-bar .bar-container{width:100%;height:5px;position:absolute;top:0px;border:1px solid #ffffff;overflow:hidden;background-color:#dddddd}.ui .advance-bar .bar-container .bar{width:100%;height:3px;background-color:#40d2ff;border:1px solid #689aff;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translate(-100%, 0px);transform:translate(-100%, 0px)}@-webkit-keyframes flashAnim0{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes flashAnim0{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}.flash_anim1{-webkit-animation:flashAnim1 0.7s linear 0s forwards;animation:flashAnim1 0.7s linear 0s forwards}@-webkit-keyframes flashAnim1{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.6;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes flashAnim1{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.6;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}.view{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#000;display:none;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s;opacity:0}.log-view{background-color:rgba(8,17,34,0.9)}.log-view .title0{width:89px;height:49px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/log/title0.png");background-repeat:no-repeat;background-position:0 0;background-size:89px 49px;margin:21px 0 21px 21px;text-indent:-9999px}.log-view .inner{width:350px;height:500px;padding-right:20px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.log-view .inner ul{padding-bottom:50px}.log-view .inner ul li{width:338px;margin-bottom:20px;padding-top:20px;padding-right:10px;background:url(/promotion/sao_story/assets/index/img/story/log/line0.png);background-repeat:no-repeat;background-size:338px auto;background-position:0 0}.log-view .inner ul li.no_name p.message{margin-left:23px}.log-view .inner ul li.title{width:337px;height:54px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/log/title1.png");background-repeat:no-repeat;background-position:0 0;background-size:337px 54px;width:338px;background-size:338px auto;margin-top:0;margin-left:0;padding-top:0;margin-bottom:-5px}.log-view .inner ul li.title p.message{line-height:60px;margin-left:23px;font-size:10px}.log-view .inner ul li.title p.name{display:none}.log-view .inner ul li p{line-height:200%;margin-left:45px;letter-spacing:1px}.log-view .inner ul li p.name{margin-left:23px;margin-bottom:5px}.log-view .close-btn{width:26px;height:26px;display:block;background-image:url("/promotion/sao_story/assets/index/img/story/log/close_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:26px 26px;position:absolute;top:10px;right:10px;text-indent:-9999px}.login-view{background-color:#dadbdb;overflow-y:scroll;-webkit-overflow-scrolling:touch}.login-view .inner{height:100%;min-height:590px;position:relative;overflow:hidden}.login-view .inner .top{background:#dadbdb url(/promotion/sao_story/assets/index/img/login/up.png) top center no-repeat;box-sizing:border-box;padding-top:70px;background-size:100%;padding-bottom:41px}.login-view .inner .top h2{width:88px;height:49px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/login.png");background-repeat:no-repeat;background-position:0 0;background-size:88px 49px;overflow:hidden;white-space:nowrap;text-indent:110%;margin:0 auto 12px;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}.login-view .inner .top h3{width:118px;height:26px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/text.png");background-repeat:no-repeat;background-position:0 0;background-size:118px 26px;overflow:hidden;white-space:nowrap;text-indent:110%;font-size:0;margin:0 auto;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-delay:0.6s;transition-delay:0.6s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}.login-view .inner .middle{width:315px;height:128px;margin-left:-157px;position:absolute;bottom:240px;left:50%}.login-view .inner .middle label{width:80px;height:22px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/yourname.png");background-repeat:no-repeat;background-position:0 0;background-size:80px 22px;margin:0px auto 0}.login-view .inner .middle input{border:#999798 solid 1px;width:315px;margin:12px auto 10px;padding:14px 13px 6px;font-size:3.5em;display:block;box-sizing:border-box;color:#555555;font-family:"saofont";-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.login-view .inner .middle .text{text-align:center;color:#676767;font-size:14px}.login-view .inner .bottom{width:375px;height:210px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/down.png");background-repeat:no-repeat;background-position:0 0;background-size:375px 210px;margin-top:-12px;box-sizing:border-box;padding-top:43px;position:absolute;bottom:0px;-webkit-transform:translate(0px, 210px);transform:translate(0px, 210px);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-delay:1s;transition-delay:1s}.login-view .inner .bottom .submit-btn{width:78px;height:80px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/btn.png");background-repeat:no-repeat;background-position:0 0;background-size:78px 80px;margin:0 auto;cursor:pointer}.login-view .inner .bottom .submit-btn:active{-webkit-filter:brightness(200%);filter:brightness(200%)}.login-view.show .inner .top h2,.login-view.show .inner .top h3{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.login-view.show .inner .bottom{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.scenario-view{background-color:transparent}.scenario-view p{padding:0 10px;color:#fff;text-align:center;line-height:200%;letter-spacing:1px;font-size:15px;text-shadow:0 0 4px #000, 0 0 4px #000, 0 0 4px #000}.scenario-view p span{min-height:20px;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity;transition-property:opacity;display:block}.scenario-view .text_attention{display:none}.movie-view video{width:640px;height:auto;margin-top:-105px;position:absolute;top:50%;left:50%;display:block;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height, top, left;transition-property:width, height, top, left}.movie-view .text_attention{display:none}.movie-view .movie_loading{width:100%;height:100%;position:absolute;top:0px;background-image:url("/promotion/sao_story/assets/index/img/loading.gif");background-repeat:no-repeat;background-position:center;background-size:40px auto;background-color:rgba(0,0,0,0.8);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.ending-view{background-image:url("/promotion/sao_story/assets/index/img/ending/bg.png");background-size:cover;background-position:center}.ending-view h2{width:100%;height:99px;background-image:url("/promotion/sao_story/assets/index/img/ending/title0.png");background-position:center bottom;background-size:340px auto;background-repeat:no-repeat;margin:22px auto 10px auto;color:#fff;font-size:64px;text-align:center}.ending-view h2 span{height:80px;display:inline-block;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px);-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform}.ending-view h2 span.index0{-webkit-transition-delay:0s;transition-delay:0s}.ending-view h2 span.index1{-webkit-transition-delay:.1s;transition-delay:.1s}.ending-view h2 span.index2{-webkit-transition-delay:.2s;transition-delay:.2s}.ending-view h2 span.index3{-webkit-transition-delay:.3s;transition-delay:.3s}.ending-view h2 span.index4{-webkit-transition-delay:.4s;transition-delay:.4s}.ending-view h2 span.index5{-webkit-transition-delay:.5s;transition-delay:.5s}.ending-view h2 span.index6{-webkit-transition-delay:.6s;transition-delay:.6s}.ending-view h2 span.index7{-webkit-transition-delay:.7s;transition-delay:.7s}.ending-view h2 span.index8{-webkit-transition-delay:.8s;transition-delay:.8s}.ending-view h2 span.index9{-webkit-transition-delay:.9s;transition-delay:.9s}.ending-view h2 span.index10{-webkit-transition-delay:1s;transition-delay:1s}.ending-view h2 span.index11{-webkit-transition-delay:1.1s;transition-delay:1.1s}.ending-view h2 span.index12{-webkit-transition-delay:1.2s;transition-delay:1.2s}.ending-view h2 span.index13{-webkit-transition-delay:1.3s;transition-delay:1.3s}.ending-view h2 span.index14{-webkit-transition-delay:1.4s;transition-delay:1.4s}.ending-view h2 span.index15{-webkit-transition-delay:1.5s;transition-delay:1.5s}.ending-view h2 span.index16{-webkit-transition-delay:1.6s;transition-delay:1.6s}.ending-view h2 span.index17{-webkit-transition-delay:1.7s;transition-delay:1.7s}.ending-view h2 span.index0{margin-left:3px}.ending-view h3.user_name{font-size:43px;text-align:center;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;-webkit-transition-delay:1.6s;transition-delay:1.6s}.ending-view.show h2 span{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.ending-view.show h3{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.ending-view .replay_btn{width:54px;height:54px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/replay_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:54px 54px;overflow:hidden;white-space:nowrap;text-indent:110%;position:absolute;bottom:80px;left:50%;margin-left:-26px}.ending-view .share{width:100%;height:62px;background-color:#fff;position:absolute;bottom:0px;left:0px}.ending-view .share li{width:34px;height:34px;position:absolute;top:14px;left:50%;margin-left:-67px}.ending-view .share li a{width:33px;height:33px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/facebook_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:33px 33px;text-indent:-9999px}.ending-view .share li.twitter{left:50%;margin-left:-17px}.ending-view .share li.twitter a{width:33px;height:33px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/twitter_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:33px 33px}.ending-view .share li.weibo{left:50%;margin-left:-17px}.ending-view .share li.weibo a{width:33px;height:33px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/weibo_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:33px 33px}.ending-view .share li.line{left:50%;margin-left:32px}.ending-view .share li.line a{width:34px;height:34px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/line_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:34px 34px}.custom-view{background-color:transparent;overflow-y:scroll;-webkit-overflow-scrolling:touch}.custom-view .opening{width:100%;height:100%;background-color:#fff;position:absolute;top:0px;display:none;background-image:url("/promotion/sao_story/assets/index/img/title.jpg");background-size:100% auto;background-position:50% 0%;background-repeat:no-repeat}.custom-view .opening .title0{margin-top:-120px;margin-left:-156px;width:313px;height:171px;display:block;background-image:url("/promotion/sao_story/assets/index/img/logo.png");background-repeat:no-repeat;background-position:0 0;background-size:313px 171px;text-indent:-9999px;position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform}.custom-view .opening .start_btn{width:148px;height:41px;display:block;background-image:url("/promotion/sao_story/assets/index/img/start_btn_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:148px 41px;position:absolute;bottom:80px;left:50%;margin-left:-74px;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-delay:0.7s;transition-delay:0.7s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform}.custom-view .opening .start_btn:active{-webkit-filter:brightness(200%);filter:brightness(200%)}.custom-view .opening .start_btn .start_btn_text{width:91px;height:29px;display:block;background-image:url("/promotion/sao_story/assets/index/img/start_btn_text.png");background-repeat:no-repeat;background-position:0 0;background-size:91px 29px;margin:6px auto 0;text-indent:-9999px;-webkit-animation:flashAnim0 2s linear 0s infinite;animation:flashAnim0 2s linear 0s infinite}.custom-view .opening.show .title0{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.custom-view .opening.show .start_btn{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.custom-view .applink{width:100%;height:100%;min-height:680px;background-color:rgba(8,17,34,0.9);position:absolute;top:0px;display:none}.custom-view .applink .chara{width:200px;height:300px;background-image:url("/promotion/sao_story/assets/index/img/applink/chara0.png");background-repeat:no-repeat;background-size:200px;position:absolute;top:120px;left:95px;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;opacity:0;-webkit-transform:translate(0px, 10px);transform:translate(0px, 10px)}.custom-view .applink .chara.heathcliff{background-image:url("/promotion/sao_story/assets/index/img/applink/chara1.png")}.custom-view .applink .title0{height:68px;font-size:57px;text-align:center;padding-top:44px;color:#fff}.custom-view .applink .title0 span{height:68px;display:inline-block;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px);-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform}.custom-view .applink .title0 span.index0{-webkit-transition-delay:0s;transition-delay:0s}.custom-view .applink .title0 span.index1{-webkit-transition-delay:.1s;transition-delay:.1s}.custom-view .applink .title0 span.index2{-webkit-transition-delay:.2s;transition-delay:.2s}.custom-view .applink .title0 span.index3{-webkit-transition-delay:.3s;transition-delay:.3s}.custom-view .applink .title0 span.index4{-webkit-transition-delay:.4s;transition-delay:.4s}.custom-view .applink .title0 span.index5{-webkit-transition-delay:.5s;transition-delay:.5s}.custom-view .applink .title0 span.index6{-webkit-transition-delay:.6s;transition-delay:.6s}.custom-view .applink .detail{width:330px;position:absolute;left:24px;top:310px;background-color:rgba(25,32,55,0.5)}.custom-view .applink .detail h3{width:329px;height:8px;display:block;background-image:url("/promotion/sao_story/assets/index/img/applink/line0.png");background-repeat:no-repeat;background-position:0 0;background-size:329px 8px;margin-bottom:-10px;text-align:center;font-size:14px;color:#fff;height:18px;line-height:18px;background-position:center;position:relative;top:-9px;-webkit-text-shadow:1px 1px #000;text-shadow:1px 1px #000}.custom-view .applink .detail p{width:400px;line-height:200%;color:#fff;font-size:8px;text-align:center;letter-spacing:-0.5px;-webkit-transform:scale(0.82);transform:scale(0.82);-webkit-transform-origin:0;transform-origin:0}.custom-view .applink .detail a.banner{margin-bottom:5px;display:block}.custom-view .applink .detail a.banner img{width:330px}.custom-view .applink .detail:after{content:'';width:329px;height:8px;display:block;background-image:url("/promotion/sao_story/assets/index/img/applink/line1.png");background-repeat:no-repeat;background-position:0 0;background-size:329px 8px}.custom-view .applink .submit_container{position:absolute;bottom:0px;width:375px;height:133px;display:block;background-image:url("/promotion/sao_story/assets/index/img/applink/submit_bg.png");background-repeat:no-repeat;background-position:0 0;background-size:375px 133px}.custom-view .applink .submit_container a{display:block}.custom-view .applink .submit_container a:active .btn{-webkit-filter:brightness(200%);filter:brightness(200%)}.custom-view .applink .submit_container h2{height:40px;line-height:40px;font-size:17px;text-align:center;color:#4c4948;letter-spacing:1px}.custom-view .applink .submit_container h3{height:44px;line-height:46px;font-size:12px;text-align:center;color:#4c4948;letter-spacing:1px}.custom-view .applink .submit_container .btn{width:48px;height:48px;display:block;background-image:url("/promotion/sao_story/assets/index/img/applink/submit_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:48px 48px;text-indent:-9999px;margin:0 auto;cursor:pointer}.custom-view .applink.show .chara{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.custom-view .applink.show .title0 span{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.custom-view .cleartime{width:100%;height:100%;background-image:url("/promotion/sao_story/assets/index/img/cleartime/bg.jpg");background-size:cover;background-position:50% 50%}.custom-view .cleartime p{color:#fff;text-align:center;line-height:200%;letter-spacing:1px;font-size:15px;text-shadow:0 0 4px #000, 0 0 4px #000, 0 0 4px #000}.custom-view .cleartime p span{min-height:20px;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity;transition-property:opacity;display:block}.custom-view .cleartime p span b{font-weight:normal;margin-left:2px}.loading{background-color:#000;opacity:1;display:block}.loading .per{width:97px;height:97px;display:block;background-image:url("/promotion/sao_story/assets/index/img/loading.gif");background-repeat:no-repeat;background-position:0 0;background-size:97px 97px;margin:-48px 0 0 -48px;position:absolute;top:50%;left:50%;font-size:30px;text-align:center;line-height:100px}.modal{width:100%;height:100%;background-color:rgba(0,0,0,0.2);position:absolute;top:0px;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s;opacity:0;display:none}.modal .inner{width:360px;position:absolute;top:250px;left:50%;margin-left:-180px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;opacity:0;-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px);background-color:#fff;color:#000}.modal .inner .close_btn{width:36px;height:36px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/close_btn.png");background-repeat:no-repeat;background-position:0 0;background-size:36px 36px;position:absolute;top:152px;left:50%;margin-left:-18px}.modal .inner .close_btn:active{-webkit-filter:brightness(200%);filter:brightness(200%)}.modal.replay .inner{width:358px;height:194px;display:block;background-image:url("/promotion/sao_story/assets/index/img/ending/popup.png");background-repeat:no-repeat;background-position:0 0;background-size:358px 194px;margin:-87px 0 0 -180px;top:50%}.modal.replay .inner h3{margin-bottom:10px;padding-top:22px;font-size:30px;text-align:center;color:#4c4948}.modal.replay .inner p{font-size:13px;text-align:center;margin-bottom:24px;color:#4c4948}.modal.replay .inner .replays{width:100%;position:absolute;top:111px}.modal.replay .inner .replays::after{content:" ";display:block;visibility:hidden;clear:both;height:0}.modal.replay .inner .replays .replay{width:110px;height:20px;line-height:20px;text-align:center;font-size:12px;float:left;color:#b4b4b4;display:inline-block}.modal.replay .inner .replays .replay.replay1{width:124px}.modal.replay .inner .replays .replay.replay2{width:123px}.modal.replay .inner .replays .replay.active{color:#000}.modal.attention .inner{width:358px;height:194px;display:block;background-image:url("/promotion/sao_story/assets/index/img/popup.png");background-repeat:no-repeat;background-position:0 0;background-size:358px 194px;top:50%;margin-top:-87px}.modal.attention .inner h3{text-align:center;margin-bottom:10px;padding-top:22px;font-size:30px}.modal.attention .inner h3 span{margin-right:1px}.modal.attention .inner p{line-height:200%;padding:0 20px;font-size:13px;letter-spacing:-0.5px;text-align:center}.modal.attention .inner p a{color:#3cb1fe}.modal.attention .inner .close_btn{width:55px;height:56px;display:block;background-image:url("/promotion/sao_story/assets/index/img/login/btn.png");background-repeat:no-repeat;background-position:0 0;background-size:55px 56px;margin-left:-27px;cursor:pointer;top:128px}.modal.attention .inner .close_btn:active{-webkit-filter:brightness(200%);filter:brightness(200%)}.window_rotation_attention{background-color:rgba(0,0,0,0.8)}.window_rotation_attention p{line-height:200%;margin:-38px 0 0 -216px;position:absolute;top:50%;left:50%;color:#fff;text-align:center;letter-spacing:1px}.yureAnim{-webkit-animation:yureAnim 0.3s linear 0s forwards;animation:yureAnim 0.3s linear 0s forwards}@-webkit-keyframes yureAnim{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}10%{-webkit-transform:translate(20px, -10px);transform:translate(20px, -10px)}20%{-webkit-transform:translate(-20px, 10px);transform:translate(-20px, 10px)}30%{-webkit-transform:translate(-20px, 10px);transform:translate(-20px, 10px)}40%{-webkit-transform:translate(20px, -10px);transform:translate(20px, -10px)}50%{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}60%{-webkit-transform:translate(0px, 10px);transform:translate(0px, 10px)}70%{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}80%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}90%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}@keyframes yureAnim{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}10%{-webkit-transform:translate(20px, -10px);transform:translate(20px, -10px)}20%{-webkit-transform:translate(-20px, 10px);transform:translate(-20px, 10px)}30%{-webkit-transform:translate(-20px, 10px);transform:translate(-20px, 10px)}40%{-webkit-transform:translate(20px, -10px);transform:translate(20px, -10px)}50%{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}60%{-webkit-transform:translate(0px, 10px);transform:translate(0px, 10px)}70%{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}80%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}90%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}