@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@-webkit-keyframes a{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes a{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}body{font-family:Malgun Gothic,Dotum,돋움,Apple SD Gothic Neo,HY Gulim,Helvetica,Arial,HY Dotum,Roboto,sans-serif;-webkit-text-size-adjust:100%;background:#000;color:#fff}main{display:block;position:relative}.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}iframe[name=google_conversion_frame]{position:absolute;height:0;width:0}.disp-none{display:none}#container{z-index:100;overflow-x:hidden}#container,section{position:relative}.fancybox-bg{opacity:0;background:#000;-webkit-animation:c .3s ease-in 0s forwards;animation:c .3s ease-in 0s forwards}.fancybox-slide--iframe .fancybox-content{margin-top:5vw}.fancybox-iframe,.fancybox-slide--iframe .fancybox-content{background:#000}.fancybox-is-open .fancybox-bg{opacity:0;-webkit-animation:b .3s ease-in 0s forwards;animation:b .3s ease-in 0s forwards}.fancybox-slide--iframe.fancybox-slide--video .fancybox-content{width:921px;height:518px;max-width:100%}.fancybox-slide--iframe.fancybox-slide--video .fancybox-content .fancybox-close-small{top:-40px;right:0}@-webkit-keyframes b{0%{opacity:0;visibility:hidden}1%{visibility:visible}to{opacity:.9;visibility:visible}}@keyframes b{0%{opacity:0;visibility:hidden}1%{visibility:visible}to{opacity:.9;visibility:visible}}@-webkit-keyframes c{0%{opacity:.9;visibility:visible}99%{opacity:0}to{opacity:0;visibility:hidden}}@keyframes c{0%{opacity:.9;visibility:visible}99%{opacity:0}to{opacity:0;visibility:hidden}}.wrapper{width:640px;margin:auto;position:relative}.to-top-btn{display:block;position:absolute;bottom:440px;right:20px;z-index:100;-webkit-transition:opacity .5s;transition:opacity .5s}.to-top-btn.fixed{position:fixed;bottom:45px}.to-top-btn.hide{opacity:0;pointer-events:none}.to-top-btn .fuwafuwa{display:block;-webkit-animation:a 2s ease-in-out infinite;animation:a 2s ease-in-out infinite}header{position:absolute;width:100%;height:97px;z-index:200;background:#000;border-bottom:1px solid #727171}header .header-logo{background:url(../../resources/img/sp/common/header_logo_45442fdbe960a0d6f15bf9c69c99053c.png);width:252px;height:68px;position:absolute;top:15px;left:20px}header .menu-btn{background:url(../../resources/img/sp/common/menu_btn_39367c779a302a58b6c445eb522ccfa2.png);width:85px;height:85px;position:absolute;top:7px;right:5px;z-index:2}header .menu-btn.opened{background:url(../../resources/img/sp/common/menu_close_btn_39b370e07b8261ce3104e788f5957e19.png);width:85px;height:85px;position:fixed}header .nav-box{display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,.8);overflow:auto}header .nav-box .nav{padding-top:85px;text-align:center}header .nav-box .nav li{margin-bottom:10px;position:relative}header .nav-box .nav li.new:after{content:url(../../resources/img/special/new_9f8bb451e3b312c250dbf99174027bd6.png);position:absolute;top:-8px;left:0;right:0}header .nav-box .nav li a{display:inline-block;text-decoration:none}header .nav-box .nav li:first-child{margin-bottom:50px}header .nav-box .nav li:first-child a{background:url(../../resources/img/sp/common/menu_logo_695b585060a5fe93d740d14d6ced15a1.png);width:456px;height:124px}header .nav-box .nav li:nth-child(2) a{background:url(../../resources/img/sp/common/nav_character_d86a30faa10bdc3517bcac14dfdc8ea7.png);width:358px;height:96px}header .nav-box .nav li:nth-child(3) a{background:url(../../resources/img/sp/common/nav_system_82a191a30988cca9a52cb1ebd32b9b8f.png);width:358px;height:96px}header .nav-box .nav li:nth-child(4) a{background:url(../../resources/img/sp/common/nav_devil_691bcbcc38b7e631924d3c64678996f5.png);width:358px;height:96px}header .nav-box .nav li:nth-child(5) a{background:url(../../resources/img/sp/common/nav_dlc_52b1e047e5000bda082588be13d7ad34.png);width:358px;height:96px}header .nav-box .nav li:nth-child(5).new:after{content:url(../../resources/img/special/new_9f8bb451e3b312c250dbf99174027bd6.png);position:absolute;top:-8px;left:0;right:0}header .nav-box .nav li:nth-child(6){margin-bottom:25px}header .nav-box .nav li:nth-child(6) a{background:url(../../resources/img/sp/common/nav_special_ce76223721f47b6215db49182231adef.png);width:358px;height:96px}header .nav-box .nav li:nth-child(7){margin-bottom:35px}header .nav-box .nav li:nth-child(7) a{background:url(../../resources/img/sp/common/pre_order_btn_d960c1474ca214ce301e4853f95ff42a.png);width:410px;height:96px}header .nav-box .nav li:nth-child(8) a{background:url(../../resources/img/sp/common/menu_close_btn2_700a129f6015e860fb49a263c9e4831a.png);width:264px;height:81px}header.top{height:auto;background:transparent;border-bottom:none}header.top .header-logo{display:none}footer{background:#000;padding:50px 0 40px;position:relative;z-index:100;border-top:1px solid #727171}footer .atlus-logo{background:url(../../resources/img/sp/common/atlus_logo_66acf6f65ccd74d8ab48c071adb98532.png);width:220px;height:66px;display:block;margin:auto}footer .copyright{width:563px;height:104px;margin:30px auto}.main-bg{background:url(../../resources/img/sp/story_character/bg_ec5cf2aa53cb07ce46711628f33a241b.jpg) top no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0}section{z-index:10}.top-contents{z-index:12}.top-contents .main-catch{margin:-27px 0 0 113px;width:521px;height:220px}.top-contents .main-catch #main-catch{width:521px;height:220px}.top-contents .nav-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:42px;z-index:10}.top-contents .nav-btn-box a{margin:0 7px 13px;position:relative}.top-contents .nav-btn-box a.new:before{content:url(../../resources/img/sp/story_character/new_0609dd26d7553cb10ba4d70e10a4a97b.png);position:absolute;top:-13px;left:0}.top-contents .nav-btn-box a:first-child{background:url(../../resources/img/sp/story_character/story_btn_b038b898a000faaec00b34caf23bfd76.png);width:256px;height:88px}.top-contents .nav-btn-box a:nth-child(2){background:url(../../resources/img/sp/story_character/character_btn_2cd7030cbefe27a542a367568b2694ea.png);width:256px;height:88px}.top-contents .nav-btn-box a:nth-child(3){background:url(../../resources/img/sp/story_character/kotowari_btn_ed6e2c54196c0d8be59331850bdd4a9d.png);width:256px;height:88px}.top-contents .nav-btn-box a:nth-child(4){background:url(../../resources/img/sp/story_character/vortex_btn_443c2e01cd3e46efc90e10cb23ee769c.png);width:256px;height:88px}.story-contents{margin-top:-72px;z-index:11}.story-contents h2{margin-left:192px}.story-contents .bg{background:url(../../resources/img/sp/story_character/story_bg_f5f70316b1588170087c0acbe8edd5e3.png);width:640px;height:1536px;position:absolute;top:208px;left:0}.story-contents .contents{position:relative}.story-contents .catch{margin-top:-475px}.story-contents .txt1{margin:-40px 0 0 32px}.story-contents .txt2{margin:18px 0 0 36px}.story-contents .txt3{margin:11px 0 0 32px}.character-contents{margin-top:-7px}.character-contents h2{margin-left:127px}.character-contents .character-bg{background:url(../../resources/img/sp/story_character/character_bg_f7ccb8bbf74bb1b72a504031d7c09bfa.png);width:640px;height:7318px;position:absolute;top:260px;left:0}.character-contents .contents{position:relative}.character-contents .character-catch{margin:-469px 0 0 22px}.character-contents .chara-box{position:relative}.character-contents .chara-box .chara-bg,.character-contents .chara-box .chara-image{position:absolute}.character-contents .chara-box .chara-catch,.character-contents .chara-box .chara-name,.character-contents .chara-box .chara-txt{position:relative}.character-contents .chara1{margin-top:11px}.character-contents .chara1 .chara-bg{background:url(../../resources/img/sp/story_character/chara1_bg_75b64a6d3c721977864015c1adddbf1a.png);width:588px;height:725px;top:7px;left:0}.character-contents .chara1 .chara-image{top:-11px;left:334px}.character-contents .chara1 .chara-image .chara1-after,.character-contents .chara1 .chara-image .chara1-before{position:absolute;-webkit-transition:.5s;transition:.5s}.character-contents .chara1 .chara-image .chara1-before{background:url(../../resources/img/sp/story_character/chara1_before_ff85fc7419692b44f52c9a4f3b06cf1f.png);width:307px;height:740px}.character-contents .chara1 .chara-image .chara1-before.show{-webkit-transform:translate(0);transform:translate(0);opacity:1}.character-contents .chara1 .chara-image .chara1-before.hide{-webkit-transform:translate(-100px);transform:translate(-100px);opacity:0}.character-contents .chara1 .chara-image .chara1-after{background:url(../../resources/img/sp/story_character/chara1_after_c778baba328a4c0eeb883e97ebb7777c.png);width:307px;height:740px}.character-contents .chara1 .chara-image .chara1-after.show{-webkit-transform:translate(0);transform:translate(0);opacity:1}.character-contents .chara1 .chara-image .chara1-after.hide{-webkit-transform:translate(100px);transform:translate(100px);opacity:0}.character-contents .chara1 .chara-catch{margin-left:52px}.character-contents .chara1 .chara-catch #chara1-catch{width:386px;height:270px}.character-contents .chara1 .chara-name{margin:-34px 0 0 46px}.character-contents .chara1 .chara-txt{margin:-12px 0 0 57px}.character-contents .chara1 .change-btn{position:absolute;top:280px;left:372px}.character-contents .chara1 .change-btn.before{background:url(../../resources/img/sp/story_character/after_btn_b51d6a6565fcbef19b0888c9456461fc.png);width:114px;height:109px}.character-contents .chara1 .change-btn.after{background:url(../../resources/img/sp/story_character/before_btn_53c5db963e443768a281df8f30479381.png);width:114px;height:109px}.character-contents .chara2{margin-top:182px}.character-contents .chara2 .chara-bg{background:url(../../resources/img/sp/story_character/chara2_bg_240f684c1dde36f6a5fc6b6caac30484.png);width:488px;height:721px;top:-40px;left:152px}.character-contents .chara2 .chara-image{background:url(../../resources/img/sp/story_character/chara2_6f9cd9f3b0eaac20dc592faf02efb532.png);width:249px;height:684px;top:-48px;left:0}.character-contents .chara2 .chara-catch{margin-left:175px}.character-contents .chara2 .chara-name{margin-left:197px}.character-contents .chara2 .chara-txt{margin:-20px 0 0 209px}.character-contents .chara2 .chara2-btn{background:url(../../resources/img/sp/story_character/chara2_musubi_btn_fa2d8f0248dec7da8c1a783f81a16b7d.png);width:124px;height:108px;position:absolute;top:191px;left:91px}.character-contents .chara3{margin-top:136px}.character-contents .chara3 .chara-bg{background:url(../../resources/img/sp/story_character/chara3_bg_537972136ec0d3a33b2ffe025e197988.png);width:616px;height:650px;top:-35px;left:0}.character-contents .chara3 .chara-image{background:url(../../resources/img/sp/story_character/chara3_86e4da602cb012f51f0406f6760ff8d5.png);width:188px;height:679px;top:-57px;left:452px}.character-contents .chara3 .chara-catch{margin-left:37px}.character-contents .chara3 .chara-name{margin:2px 0 0 20px}.character-contents .chara3 .chara-txt{margin:-15px 0 0 50px}.character-contents .chara3 .chara3-btn{background:url(../../resources/img/sp/story_character/chara3_yosuga_btn_a83a7d19162db6c22247054b2619b4f8.png);width:147px;height:107px;position:absolute;top:219px;left:394px}.character-contents .chara4{margin-top:152px}.character-contents .chara4 .chara-bg{background:url(../../resources/img/sp/story_character/chara4_bg_d8b7f05d38d9a1d928590152a96ac339.png);width:483px;height:829px;top:-62px;left:158px}.character-contents .chara4 .chara-image{background:url(../../resources/img/sp/story_character/chara4_7786119f8a8311d6a6b956520c64e12f.png);width:310px;height:717px;top:-45px;left:0}.character-contents .chara4 .chara-catch{margin-left:190px}.character-contents .chara4 .chara-name{margin:-2px 0 0 242px}.character-contents .chara4 .chara-txt{margin:-8px 0 0 209px}.character-contents .chara4 .chara4-btn{background:url(../../resources/img/sp/story_character/chara4_shijima_btn_c0a7bcc2b8faddc4a41aaf089d1ec3fd.png);width:136px;height:107px;position:absolute;top:203px;left:120px}.character-contents .chara5{margin-top:163px}.character-contents .chara5 .chara-bg{background:url(../../resources/img/sp/story_character/chara5_bg_dacd0df53fc28e6c1cffcb67acf2131c.png);width:583px;height:678px;top:-112px;left:0}.character-contents .chara5 .chara-image{background:url(../../resources/img/sp/story_character/chara5_29b9c39d23fdf076e2ec096ac3ca437c.png);width:203px;height:693px;top:-93px;left:437px}.character-contents .chara5 .chara-catch{margin-left:36px}.character-contents .chara5 .chara-name{margin:-14px 0 0 50px}.character-contents .chara5 .chara-txt{margin:-5px 0 0 60px}.character-contents .chara6{margin-top:228px}.character-contents .chara6 .chara-bg{background:url(../../resources/img/sp/story_character/chara6_bg_70e6b8c03ee25b7ad60c4bdf20395a2f.png);width:494px;height:772px;top:-62px;left:147px}.character-contents .chara6 .chara-image{background:url(../../resources/img/sp/story_character/chara6_0b17cf349a690c00fdea701eae132c1f.png);width:318px;height:696px;top:-70px;left:0}.character-contents .chara6 .chara-catch{margin-left:235px}.character-contents .chara6 .chara-name{margin:-3px 0 0 203px}.character-contents .chara6 .chara-txt{margin:-3px 0 0 214px}.character-contents .chara7{margin-top:95px}.character-contents .chara7 .chara-bg{background:url(../../resources/img/sp/story_character/chara7_bg_67c68b62d23d39202dbfe07f54a9b635.png);width:496px;height:825px;top:-77px;left:0}.character-contents .chara7 .chara-image{background:url(../../resources/img/sp/story_character/chara7_efd8d13972dcd6f7059dfd14be477365.png);width:305px;height:605px;top:172px;left:335px}.character-contents .chara7 .chara-catch{margin-left:40px}.character-contents .chara7 .chara-name{margin:11px 0 0 29px}.character-contents .chara7 .chara-txt{margin:-9px 0 0 42px}.character-contents .chara8{margin-top:263px}.character-contents .chara8 .chara-bg{background:url(../../resources/img/sp/story_character/chara8_bg_8da358da118bf4ab6a16c33815570d52.png);width:438px;height:772px;top:-95px;left:0}.character-contents .chara8 .chara-image{background:url(../../resources/img/sp/story_character/chara8_25c4ce24ce0aa30b7b2c2d2d1bd4a20d.png);width:284px;height:736px;top:-47px;right:0}.character-contents .chara8 .chara-catch{margin-left:18px}.character-contents .chara8 .chara-name{margin:12px 0 0 12px}.character-contents .chara8 .chara-txt{margin:-8px 0 0 30px}.character-contents .chara9{margin-top:137px}.character-contents .chara9 .chara-bg{background:url(../../resources/img/sp/story_character/chara9_bg_976b50a10250b8ce57262f4b2e856575.png);width:478px;height:846px;top:-108px;right:0}.character-contents .chara9 .dlc-tag{background:url(../../resources/img/story_character/dlc_tag_0092408a3d1d9cfa848f416660e7570d.png);width:94px;height:96px;position:absolute;top:-95px;left:-13px}.character-contents .chara9 .chara-image{background:url(../../resources/img/sp/story_character/chara9_b656f7908021524dcabde0dfd97349f2.png);width:370px;height:856px;top:-107px;left:0}.character-contents .chara9 .chara-catch{margin-left:235px}.character-contents .chara9 .chara-name{margin:6px 0 0 224px}.character-contents .chara9 .chara-txt{margin:-23px 0 0 237px}.character-contents .chara9 .copy{color:#fff;font-size:11px;margin:28px 0 0 218px;position:relative}.character-contents .notes{text-align:center;margin:220px 0 60px}.to-top-btn{bottom:230px}@media screen and (max-width:640px){.fancybox-slide--iframe.fancybox-slide--video .fancybox-content{width:640px;height:330px;max-width:100%}}