@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:1024px;margin:auto;position:relative}.to-top-btn{display:block;position:absolute;bottom:140px;right:30px;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{background:#000;height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;z-index:100;border-bottom:1px solid #727171}header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}header .header-logo{background:url(../../resources/img/common/header_logo_9c8eba3f034fbd95eabfc3e4d4014112.png);width:177px;height:48px;display:block;margin:3px 0 0 7px}header .logo-box{display:none}header .nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}header .nav li{position:relative;margin-right:25px}header .nav li:before{content:"\30FB";color:#fff;position:absolute;top:0;right:-15px}header .nav li.new:after{content:url(../../resources/img/common/new_0fb4599a179ad89f1c514f0e574f7d97.png);position:absolute;text-align:center;top:-18px;left:0;right:0}header .nav li:last-child{margin-right:0}header .nav li:last-child:before{content:none}header .nav li a{display:block;text-decoration:none}header .nav li:first-child a{background:url(../../resources/img/common/nav_character_9322999d2b81c42462e9c900cc71fdeb.png) no-repeat 0 0;width:214px;height:14px}header .nav li:nth-child(2) a{background:url(../../resources/img/common/nav_system_1e7f0e03eb22eb2248708ecc377a7de8.png) no-repeat 0 0;width:77px;height:14px}header .nav li:nth-child(3) a{background:url(../../resources/img/common/nav_devil_779d16b847e807ebc36f613a67d521a3.png) no-repeat 0 0;width:60px;height:14px}header .nav li:nth-child(4) a{background:url(../../resources/img/common/nav_dlc_ff210832d14c1e9626ce95037c762ff3.png) no-repeat 0 0;width:41px;height:14px}header .nav li:nth-child(5) a{background:url(../../resources/img/common/nav_special_5db2ea53b70b2d70a93c0787e28d70a5.png) no-repeat 0 0;width:81px;height:14px}header .pre-order-btn{background:url(../../resources/img/common/pre_order_btn_278ae45322d502fddd6310ea05ae415f.png) no-repeat 0 0;width:135px;height:31px;margin-left:15px}header .pre-order-btn.close{background:url(../../resources/img/common/pre_order_btn_cs_33b96e9955a6bdb13578eebf6c97451b.png);width:135px;height:31px;pointer-events:none}header.top .header-logo{display:none}header.top .logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header.top .logo-box img:nth-child(2){margin-left:15px}footer{background:#000;padding:46px 0 20px;position:relative;z-index:100;border-top:1px solid #727171}footer .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .footer-box{position:relative;margin-left:-12px}footer .footer-box .atlus-logo{background:url(../../resources/img/common/atlus_logo_922ea85e6e45f748c43f9bdbaecd3c9a.png);width:113px;height:34px;display:block;position:absolute;z-index:2;top:-24px;left:13px}footer .footer-box .copyright{margin-left:13px}.main-bg{background:url(../../resources/img/story_character/bg_b861d740d58a3e6d9490e76804f153c5.jpg) top no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0}section{z-index:10}.top-contents{padding-top:20px;z-index:11}.top-contents h1{margin-left:-30px}.top-contents .main-catch{margin:-75px 0 0 346px;width:613px;height:255px}.top-contents .main-catch #main-catch{width:613px;height:255px}.top-contents .nav-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;margin:45px 0 0 68px;z-index:10}.top-contents .nav-btn-box a{margin:0 1px;position:relative}.top-contents .nav-btn-box a.new:before{content:url(../../resources/img/system/new_3781ae3ffbf16ceeb3bdfd58c98ed5ca.png);position:absolute;top:-13px;left:0}.top-contents .nav-btn-box a:first-child{background:url(../../resources/img/story_character/story_btn_6ff176bcd6a02a54d52f9a717d3c67d6.png);width:211px;height:75px}.top-contents .nav-btn-box a:nth-child(2){background:url(../../resources/img/story_character/character_btn_e8de6b9127f10062df429adbb5bab453.png);width:211px;height:75px}.top-contents .nav-btn-box a:nth-child(3){background:url(../../resources/img/story_character/kotowari_btn_95a7d43258a3ef9acf29ebbd747ff393.png);width:211px;height:75px}.top-contents .nav-btn-box a:nth-child(4){background:url(../../resources/img/story_character/vortex_btn_221092219dc2a27b635592ab6ca1d307.png);width:211px;height:75px}.story-contents{margin-top:-115px}.story-contents h2{margin-left:382px}.story-contents .ink{background:url(../../resources/img/story_character/story_ink_e938c9982f93d921c49f4c99cfdf4b4f.png);width:371px;height:442px;position:absolute;top:1050px;left:764px}.story-contents .bg{background:url(../../resources/img/story_character/story_bg_a3971568433a79fada9b97fa608d98da.png);width:1089px;height:1190px;position:absolute;top:200px;left:-32px}.story-contents .contents{position:relative}.story-contents .catch{margin:-450px 0 0 235px}.story-contents .txt1{margin:-40px 0 0 133px}.story-contents .txt2{margin:11px 0 0 159px}.story-contents .txt3{margin:11px 0 0 133px}.character-contents{margin-top:87px}.character-contents h2{margin-left:318px}.character-contents .character-bg{background:url(../../resources/img/story_character/character_bg_0ef88d08fde60eb3378a00ae0dbbcc5e.png);width:1089px;height:7036px;position:absolute;top:225px;left:-32px}.character-contents .contents{position:relative}.character-contents .character-catch{margin:-668px 0 0 104px}.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:17px}.character-contents .chara1 .chara-bg{background:url(../../resources/img/story_character/chara1_bg_a431166d8a45e05c21aa6d529b3db0c0.png);width:616px;height:735px;top:-12px;left:176px}.character-contents .chara1 .chara-image{top:-70px;left:578px}.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/story_character/chara1_before_d5edead322659fb67bf1fb884a782696.png);width:416px;height:777px}.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/story_character/chara1_after_c56e5c2458b572de0b4df6fe36108951.png);width:416px;height:777px}.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:42px}.character-contents .chara1 .chara-catch #chara1-catch{width:629px;height:233px}.character-contents .chara1 .chara-name{margin:-12px 0 0 158px}.character-contents .chara1 .chara-txt{margin:-15px 0 0 204px}.character-contents .chara1 .change-btn{position:absolute;top:272px;left:599px}.character-contents .chara1 .change-btn.before{background:url(../../resources/img/story_character/after_btn_77a64b512ec4cf9be3b4aca4198cd21c.png);width:120px;height:115px}.character-contents .chara1 .change-btn.after{background:url(../../resources/img/story_character/before_btn_0e8e53fc714c867a785cf75d1a8569a5.png);width:120px;height:115px}.character-contents .chara2{margin-top:230px}.character-contents .chara2 .chara-bg{background:url(../../resources/img/story_character/chara2_bg_fb34ef94ec34afeaa0ccdb2541567101.png);width:616px;height:735px;top:-73px;left:460px}.character-contents .chara2 .chara-image{background:url(../../resources/img/story_character/chara2_2fa0691f6222fdad80204e302a1a9bfc.png);width:264px;height:719px;top:-104px;left:238px}.character-contents .chara2 .chara-catch{margin-left:442px}.character-contents .chara2 .chara-name{margin:-2px 0 0 461px}.character-contents .chara2 .chara-txt{margin:-17px 0 0 489px}.character-contents .chara2 .chara2-btn{background:url(../../resources/img/story_character/chara2_musubi_btn_16ed23997d494af12d3a3da929a9c2fa.png);width:124px;height:108px;position:absolute;top:168px;left:376px}.character-contents .chara3{margin-top:98px}.character-contents .chara3 .chara-bg{background:url(../../resources/img/story_character/chara3_bg_db865a52fd572433367d0e90391c66aa.png);width:616px;height:735px;top:-60px;left:50px}.character-contents .chara3 .chara-image{background:url(../../resources/img/story_character/chara3_ee8bb29064a958edb3e60d90f10f0f56.png);width:236px;height:679px;top:-58px;left:541px}.character-contents .chara3 .chara-catch{margin-left:58px}.character-contents .chara3 .chara-name{margin:3px 0 0 32px}.character-contents .chara3 .chara-txt{margin:-8px 0 0 80px}.character-contents .chara3 .chara3-btn{background:url(../../resources/img/story_character/chara3_yosuga_btn_6c57ae0427ff604781b794f471148eb4.png);width:147px;height:107px;position:absolute;top:233px;left:434px}.character-contents .chara4{margin-top:178px}.character-contents .chara4 .chara-bg{background:url(../../resources/img/story_character/chara4_bg_5c743c42a003e8b62883dad2aee5db26.png);width:644px;height:797px;top:-55px;left:440px}.character-contents .chara4 .chara-image{background:url(../../resources/img/story_character/chara4_a82af3b5cc13b94f6a83eac9ecf08c32.png);width:365px;height:717px;top:-83px;left:175px}.character-contents .chara4 .chara-catch{margin-left:455px}.character-contents .chara4 .chara-name{margin:5px 0 0 457px}.character-contents .chara4 .chara-txt{margin:-15px 0 0 468px}.character-contents .chara4 .chara4-btn{background:url(../../resources/img/story_character/chara4_shijima_btn_da79affc4865f312c61d9db89a52e503.png);width:136px;height:107px;position:absolute;top:219px;left:340px}.character-contents .chara5{margin-top:150px}.character-contents .chara5 .chara-bg{background:url(../../resources/img/story_character/chara5_bg_3e795b6ac68acd82e69f17ad0d785669.png);width:616px;height:690px;top:-125px;left:50px}.character-contents .chara5 .chara-image{background:url(../../resources/img/story_character/chara5_07a6be7b68a5f190463e27d1da8b5e6c.png);width:203px;height:693px;top:-134px;left:535px}.character-contents .chara5 .chara-catch{margin-left:82px}.character-contents .chara5 .chara-name{margin:-12px 0 0 66px}.character-contents .chara5 .chara-txt{margin:-5px 0 0 73px}.character-contents .chara6{margin-top:182px}.character-contents .chara6 .chara-bg{background:url(../../resources/img/story_character/chara6_bg_14c9a4d0b53046ca0c35b6d134bb88aa.png);width:616px;height:736px;top:-85px;left:496px}.character-contents .chara6 .chara-image{background:url(../../resources/img/story_character/chara6_2a27f1f28efdbe5f04d77d0eead22487.png);width:356px;height:696px;top:-72px;left:257px}.character-contents .chara6 .chara-catch{margin-left:532px}.character-contents .chara6 .chara-name{margin:2px 0 0 513px}.character-contents .chara6 .chara-txt{margin:2px 0 0 523px}.character-contents .chara7{margin-top:99px}.character-contents .chara7 .chara-bg{background:url(../../resources/img/story_character/chara7_bg_d3ca4fb996e00c043d372f56bce1b8a5.png);width:616px;height:735px;top:-100px;left:51px}.character-contents .chara7 .chara-image{background:url(../../resources/img/story_character/chara7_9fa9d9b2ee5990b2baa349fdbd89ca22.png);width:373px;height:643px;top:-78px;left:514px}.character-contents .chara7 .chara-catch{margin-left:67px}.character-contents .chara7 .chara-name{margin:20px 0 0 65px}.character-contents .chara7 .chara-txt{margin:-10px 0 0 80px}.character-contents .chara8{margin-top:218px}.character-contents .chara8 .chara-bg{background:url(../../resources/img/story_character/chara8_bg_cce8d0b42f7fa749bd64d68bbbde78e4.png);width:513px;height:767px;top:-108px;left:10px}.character-contents .chara8 .chara-image{background:url(../../resources/img/story_character/chara8_b780523b6680cc705982733c89687497.png);width:416px;height:736px;top:-120px;left:517px}.character-contents .chara8 .chara-catch{margin-left:68px}.character-contents .chara8 .chara-name{margin:14px 0 0 54px}.character-contents .chara8 .chara-txt{margin:-10px 0 0 65px}.character-contents .chara9{margin-top:188px}.character-contents .chara9 .dlc-tag{background:url(../../resources/img/story_character/dlc_tag_0092408a3d1d9cfa848f416660e7570d.png);width:94px;height:96px;position:absolute;top:-116px;left:155px}.character-contents .chara9 .chara-bg{background:url(../../resources/img/story_character/chara9_bg_c2b0b93f87a1e02c07ae5d320057d581.png);width:511px;height:846px;top:-153px;left:494px}.character-contents .chara9 .chara-image{background:url(../../resources/img/story_character/chara9_b656f7908021524dcabde0dfd97349f2.png);width:370px;height:856px;top:-150px;left:200px}.character-contents .chara9 .chara-catch{margin-left:486px}.character-contents .chara9 .chara-name{margin:23px 0 0 507px}.character-contents .chara9 .chara-txt{margin:-14px 0 0 518px}.character-contents .chara9 .copy{color:#fff;font-size:11px;margin:20px 0 0 498px;position:relative}.character-contents .notes{text-align:center;margin:230px 0 70px}@media screen and (max-width:640px){.fancybox-slide--iframe.fancybox-slide--video .fancybox-content{width:640px;height:330px;max-width:100%}}@media screen and (min-width:641px){.to-top-btn .fuwafuwa img{-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.to-top-btn .fuwafuwa img:hover{opacity:.8}header .nav li:first-child a:hover,header .nav li:nth-child(2) a:hover,header .nav li:nth-child(3) a:hover,header .nav li:nth-child(4) a:hover,header .nav li:nth-child(5) a:hover,header .pre-order-btn:hover{background-position:0 100%!important}.top-contents .nav-btn-box a{-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.top-contents .nav-btn-box a:hover{opacity:.8}.character-contents .chara2 .chara2-btn{-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.character-contents .chara2 .chara2-btn:hover{opacity:.8}.character-contents .chara3 .chara3-btn{-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.character-contents .chara3 .chara3-btn:hover{opacity:.8}.character-contents .chara4 .chara4-btn{-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.character-contents .chara4 .chara4-btn:hover{opacity:.8}}