@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:11}.top-contents .main-catch{margin:-15px 0 0 130px;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:24px;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}.kotowari-contents{margin-top:55px}.kotowari-contents .bg{background:url(../../resources/img/sp/story_character/kotowari_bg_e92ff478c183f7cd650986732305d5a2.png);width:640px;height:4425px;position:absolute;top:-108px}.kotowari-contents .contents{position:relative}.kotowari-contents h2{margin-left:191px;position:relative}.kotowari-contents h2:before{content:url(../../resources/img/system/new_3781ae3ffbf16ceeb3bdfd58c98ed5ca.png);position:absolute;top:-22px;left:38px}.kotowari-contents .catch{margin:-208px 0 0 21px}.kotowari-contents .main-txt{margin:-66px 0 0 35px}.kotowari-contents .chara-box{position:relative}.kotowari-contents .chara-box .chara-bg,.kotowari-contents .chara-box .chara-image{position:absolute}.kotowari-contents .chara-box .chara-catch,.kotowari-contents .chara-box .chara-ss,.kotowari-contents .chara-box .chara-title,.kotowari-contents .chara-box .chara-txt{position:relative}.kotowari-contents .musubi{margin-top:68px}.kotowari-contents .musubi .chara-bg{background:url(../../resources/img/sp/story_character/kotowari_musubi_ink_eeaf02569956ac97c5026bfd00f7e07a.png);width:410px;height:1042px;top:-104px;left:38px}.kotowari-contents .musubi .chara-image{background:url(../../resources/img/sp/story_character/kotowari_musubi_chara_80729581c3dbdf705fb743ad2fea772f.png);width:431px;height:874px;top:0;left:0}.kotowari-contents .musubi .chara-title{margin-left:172px}.kotowari-contents .musubi .chara-catch{margin:-20px 0 0 129px}.kotowari-contents .musubi .chara-txt{margin-left:179px}.kotowari-contents .musubi .chara-ss{margin:5px 0 0 179px}.kotowari-contents .yosuga{margin-top:80px}.kotowari-contents .yosuga .chara-bg{background:url(../../resources/img/sp/story_character/kotowari_yosuga_ink_dadd514327948193fa9ccd33a18f8084.png);width:454px;height:1047px;top:-71px;right:0}.kotowari-contents .yosuga .chara-image{background:url(../../resources/img/sp/story_character/kotowari_yosuga_chara_24459e09813fb5797e525447a828fbea.png);width:600px;height:868px;top:-34px;right:0}.kotowari-contents .yosuga .chara-title{margin-left:29px}.kotowari-contents .yosuga .chara-catch{margin:-21px 0 0 27px}.kotowari-contents .yosuga .chara-txt{margin:-7px 0 0 32px}.kotowari-contents .yosuga .chara-ss{margin:8px 0 0 31px;z-index:2}.kotowari-contents .shijima{margin-top:192px}.kotowari-contents .shijima .chara-bg{background:url(../../resources/img/sp/story_character/kotowari_shijima_ink_0ef0461e43be11202e0fc2c781739b54.png);width:283px;height:1230px;top:-250px;left:60px}.kotowari-contents .shijima .chara-image{background:url(../../resources/img/sp/story_character/kotowari_shijima_chara_e0ffe2eebe5d084897123ddeeb870cee.png);width:640px;height:1037px;top:-246px;left:0}.kotowari-contents .shijima .chara-title{margin-left:80px}.kotowari-contents .shijima .chara-catch{margin:-5px 0 0 115px}.kotowari-contents .shijima .chara-txt{margin:-6px 0 0 158px}.kotowari-contents .shijima .chara-ss{margin:9px 0 0 157px}.vortex-contents{margin-top:178px}.vortex-contents .vortex-bg{background:url(../../resources/img/sp/story_character/vortex_bg_aa1f50f9ffccca959db80c69cc164a2b.png);width:640px;height:3711px;position:absolute;top:-130px}.vortex-contents .contents{position:relative}.vortex-contents h2{margin-left:62px;position:relative;z-index:2}.vortex-contents h2:before{content:url(../../resources/img/system/new_3781ae3ffbf16ceeb3bdfd58c98ed5ca.png);position:absolute;top:-30px;left:-32px}.vortex-contents .chara-box{position:relative}.vortex-contents .chara-box .chara-bg,.vortex-contents .chara-box .chara-image{position:absolute}.vortex-contents .chara-box .chara-catch,.vortex-contents .chara-box .chara-name,.vortex-contents .chara-box .chara-txt{position:relative}.vortex-contents .chara1{margin-top:67px}.vortex-contents .chara1 .chara-bg{background:url(../../resources/img/sp/story_character/vortex_chara1_bg_d7097ba3f9d05762bb226d69a185d1aa.png);width:410px;height:478px;top:48px;left:0}.vortex-contents .chara1 .chara-image{background:url(../../resources/img/sp/story_character/vortex_chara1_chara_5bb208e882100e473ca558fb9dde7c89.png);width:361px;height:665px;top:-70px;right:0}.vortex-contents .chara1 .chara-catch{margin-left:31px}.vortex-contents .chara1 .chara-name{margin:30px 0 0 47px}.vortex-contents .chara1 .chara-txt{margin:-12px 0 0 61px}.vortex-contents .chara2{margin-top:166px}.vortex-contents .chara2 .chara-bg{background:url(../../resources/img/sp/story_character/vortex_chara2_bg_d44b0d9357df499ca066b833d9ce17d8.png);width:464px;height:415px;top:181px;left:143px}.vortex-contents .chara2 .chara-image{background:url(../../resources/img/sp/story_character/vortex_chara2_chara_ff9a1234029739690cde07083e27741f.png);width:379px;height:601px;top:-82px;left:0}.vortex-contents .chara2 .chara-catch{margin-left:283px}.vortex-contents .chara2 .chara-name{margin:19px 0 0 249px}.vortex-contents .chara2 .chara-txt{margin:-24px 0 0 260px}.vortex-contents .chara3{margin-top:168px}.vortex-contents .chara3 .chara-bg{background:url(../../resources/img/sp/story_character/vortex_chara3_bg_211197300b3d37cf75d505c7d677c796.png);width:434px;height:563px;top:-34px;left:0}.vortex-contents .chara3 .chara-image{background:url(../../resources/img/sp/story_character/vortex_chara3_chara_6836a8bc2ea7b4dcf9274e9d17764e2f.png);width:228px;height:688px;top:-77px;left:405px}.vortex-contents .chara3 .chara-catch{margin-left:47px}.vortex-contents .chara3 .chara-name{margin:19px 0 0 48px}.vortex-contents .chara3 .chara-txt{margin:-13px 0 0 60px}.vortex-contents .chara4{margin-top:150px}.vortex-contents .chara4 .chara-bg{background:url(../../resources/img/sp/story_character/vortex_chara4_bg_e9ac89a131cbadd0a2e1a79420b6ba43.png);width:391px;height:412px;top:274px;left:218px}.vortex-contents .chara4 .chara-image{background:url(../../resources/img/sp/story_character/vortex_chara4_chara_0992f97a5313d065b79373ab537a12bf.png);width:282px;height:730px;top:-45px;left:0}.vortex-contents .chara4 .chara-catch{margin-left:234px}.vortex-contents .chara4 .chara-name{margin:30px 0 0 238px}.vortex-contents .chara4 .chara-txt{margin:-6px 0 0 248px}.vortex-contents .chara5{margin:187px 0 295px}.vortex-contents .chara5 .chara-bg{background:url(../../resources/img/sp/story_character/vortex_chara5_bg_832fbc6f46dea9d30ddc1d8aa614d4c8.png);width:450px;height:590px;top:-60px;left:0}.vortex-contents .chara5 .chara-image{background:url(../../resources/img/sp/story_character/vortex_chara5_chara_2a5d114bcbadd9e5f92656ae134f8741.png);width:318px;height:722px;top:-114px;right:10px}.vortex-contents .chara5 .chara-catch{margin-left:44px}.vortex-contents .chara5 .chara-name{margin:13px 0 0 48px}.vortex-contents .chara5 .chara-txt{margin:-6px 0 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%}}