@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}99%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@-moz-keyframes fade-out{0%{opacity:1}99%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes fade-out{0%{opacity:1}99%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@-webkit-keyframes zoom-in{0%{transform:scale(1)}100%{transform:scale(1.2)}}@-moz-keyframes zoom-in{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes zoom-in{0%{transform:scale(1)}100%{transform:scale(1.2)}}@-webkit-keyframes cursor-spin{100%{transform:rotate(360deg)}}@-moz-keyframes cursor-spin{100%{transform:rotate(360deg)}}@keyframes cursor-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes allow-spin{0%{transform:rotateY(0deg) translateY(18px)}100%{transform:rotateY(360deg) translateY(0px)}}@-moz-keyframes allow-spin{0%{transform:rotateY(0deg) translateY(18px)}100%{transform:rotateY(360deg) translateY(0px)}}@keyframes allow-spin{0%{transform:rotateY(0deg) translateY(18px)}100%{transform:rotateY(360deg) translateY(0px)}}body{color:#F0F0F0;font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;font-weight:600}.click-link{color:goldenrod;text-decoration:underline}.click-link:hover{color:#b8860b}.main>.content{margin:0px auto}.main>.content .animation-stop{animation-play-state:paused !important}.loading{background-color:#000;width:100%;height:100%;z-index:9999;position:fixed;top:0;bottom:0;right:0;left:0}.loading.hide{-webkit-animation:fade-out 1.4s ease normal;-moz-animation:fade-out 1.4s ease normal;animation:fade-out 1.4s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.loading .clock{background-image:url("/img/ui/ClockGear.png");background-size:contain;width:260px;height:260px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:fade-in 1.4s ease normal;-moz-animation:fade-in 1.4s ease normal;animation:fade-in 1.4s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.loading .clock .cursor{width:57px;height:140px;position:absolute;top:4px;left:0;right:0;bottom:0;margin:0 auto;transform-origin:50% 126px 0;-webkit-animation:cursor-spin 0.6s infinite linear;-moz-animation:cursor-spin 0.6s infinite linear;animation:cursor-spin 0.6s infinite linear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.loading .clock .progress{width:92px;color:rgba(255,255,255,0.7);font-style:oblique;font-size:32px;border-bottom:solid rgba(255,255,255,0.7);text-align:right;position:absolute;right:-24px;bottom:16px}ul{margin:0;padding:0;list-style-type:none}.main>.background{background-image:url("/img/other/BgUniverse.png");background-color:#000;background-repeat:repeat-x;background-size:512px 512px;background-position:0 200px;width:100%;height:100%;position:fixed}.main img.lazyload{opacity:0}.main img.lazyload.complete{-webkit-animation:fade-in 0.3s ease normal;-moz-animation:fade-in 0.3s ease normal;animation:fade-in 0.3s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main .modal-window{display:table;background-color:rgba(0,0,0,0.7);width:100%;height:100%;z-index:9998;position:fixed;top:0;bottom:0;right:0;left:0;-webkit-animation:fade-in 0.3s ease normal;-moz-animation:fade-in 0.3s ease normal;animation:fade-in 0.3s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main .modal-window.hide{display:none}.main .modal-window .content{display:table-cell;text-align:center;vertical-align:middle;height:100%}.main>.content{width:980px;position:relative;padding-top:164px}.main>.content>.navigation{background-color:rgba(0,0,0,0.2);position:fixed;top:0;right:0;left:0;text-align:center}.main>.content>.navigation>*{display:inline-block}.main>.content>.navigation .menu>li{display:inline-block;margin-right:32px}.main>.content>.navigation .menu>li>a{font-size:xx-large;text-decoration:none}.main>.content>.navigation .menu>li>a:hover{text-decoration:underline}.main>.content>.navigation .language>span{cursor:pointer;text-decoration:underline}.main>.content .top>.title{width:980px;height:551px;position:relative}.main>.content .top>.title>img{max-height:100%;position:absolute}.main>.content .top>.title .rose{left:12%}.main>.content .top>.title .fairy{height:60%}.main>.content .top>.title .yadorigi{height:80%;right:10%}.main>.content .top>.title .logo{width:50%;bottom:0;right:0}.main>.content .allow{display:block;margin:64px auto;width:8%;-webkit-animation:allow-spin 1s infinite linear alternate;-moz-animation:allow-spin 1s infinite linear alternate;animation:allow-spin 1s infinite linear alternate;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main>.content .movie .content{position:relative}.main>.content .movie .movie-image{width:60%;display:block;margin:8px auto;cursor:pointer}.main>.content .movie .play-icon{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;cursor:pointer;width:20%;height:60%}.main>.content .movie .play-icon:hover{opacity:0.8}.main>.content .platform{height:100%;text-align:center;padding-bottom:48px}.main>.content .platform img{height:75px;filter:brightness(80%)}.main>.content .platform img:hover{filter:brightness(100%)}.main>.content .platform .logo{fill:#D0D0D0;height:75px}.main>.content .platform .logo:hover{fill:#FEFEFE;height:75px}.main>.content .story{height:320px}.main>.content .story>.content{background:url("/img/ui/Frame01.png") no-repeat;background-size:contain;width:600px;height:314px;display:block;margin:auto;text-align:center}.main>.content .story>.content h1{margin:0;padding:48px 0 0;color:rgba(255,255,255,0.9)}.main>.content .story>.content p{width:480px;display:inline-block;margin:24px 0}.main>.content .character{height:1080px;position:relative}.main>.content .character li{position:absolute}.main>.content .character li img{vertical-align:bottom;width:240px}.main>.content .character li>.about{width:346px;background-color:rgba(30,30,180,0.45);padding:4px;margin:0;position:absolute;bottom:0;right:0}.main>.content .character li>.about:first-line{text-decoration:underline}.main>.content .character li.rose img{width:280px}.main>.content .character li.rose .about{width:210px}.main>.content .character li.fairy{left:200px}.main>.content .character li.fairy img{width:260px}.main>.content .character li.fairy .about{width:164px;top:0;right:-96px;bottom:auto}.main>.content .character li.manemanebo{top:556px;left:24px}.main>.content .character li.manemanebo img{width:200px}.main>.content .character li.manemanebo .about{width:294px;left:24px;bottom:-32px}.main>.content .character li.anneliese{top:880px;left:416px}.main>.content .character li.anneliese .about{left:-46px}.main>.content .character li.lohengrin{top:614px;left:320px}.main>.content .character li.lohengrin img{width:180px}.main>.content .character li.lohengrin .about{left:-72px;bottom:4px}.main>.content .character li.hannibal{top:220px;left:660px}.main>.content .character li.hannibal img{width:280px}.main>.content .character li.hannibal .about{width:264px}.main>.content .character li.amon{top:310px;left:460px}.main>.content .character li.amon .about{width:324px;left:-100px;bottom:4px}.main>.content .character li.gothmedousa{top:680px;left:660px}.main>.content .character li.gothmedousa .about{width:306px;left:-20px;bottom:-26px}.main>.content .system>ul>li{background:rgba(0,0,0,0.4);padding:24px;margin-bottom:24px;text-align:center}.main>.content .system>ul>li>*{display:inline-block;vertical-align:top;height:236px}.main>.content .system>ul>li>img{width:420px}.main>.content .system>ul>li:nth-child(even)>img{float:right}.main>.content .system>ul>li>.about{width:464px;margin-left:30px}.main>.content .system>ul>li>.about>.title{font-size:24px;font-weight:Bold;width:240px;display:inline-block}.main>.content .system>ul>li>.about>p{color:#FFF;text-align:left}.main>.content .system>ul>li>.about>p .highlight{color:#ff9bf3}.main>.content>.information{width:500px;background-color:RGBA(0, 0, 0, 0.5);position:relative;padding:10px 12px 10px;margin:0 auto}.main>.content>.information:before{position:absolute;display:block;content:'';top:4px;left:4px;right:4px;bottom:4px;border:double 4px #FFF}.main>.content>.information ul{position:relative}.main>.content>.information ul .support{cursor:pointer}.main>.content>.information ul li:last-child{text-align:center}.main>.content>.twitter-widget{text-align:center;padding-top:10px}.main>.content>.twitter-widget .twitter-timeline{background-color:RGBA(0, 0, 0, 0.5)}.main>.content>.gallery>.preview{background-color:rgba(0,0,0,0.6);width:100%;cursor:pointer;z-index:5;position:fixed;top:0;bottom:0;right:0;left:0;-webkit-animation:fade-in 0.3s ease normal;-moz-animation:fade-in 0.3s ease normal;animation:fade-in 0.3s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main>.content>.gallery>.preview.hide{-webkit-animation:fade-out 0.3s ease normal;-moz-animation:fade-out 0.3s ease normal;animation:fade-out 0.3s ease normal;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main>.content>.gallery>.preview img{max-width:1280px;width:100%;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.main>.content>.gallery>ul{padding:8px;margin-top:24px;text-align:center;font-size:0px}.main>.content>.gallery>ul>li{display:inline-block;margin:4px 4px 0 0;cursor:pointer}.main>.content>.gallery>ul>li>img{width:188px;height:106px}.main>.content>.gallery>ul>li>img:hover{opacity:0.7}.main>.content>footer{text-align:center;padding-top:48px}.main>.content>footer .toydea{display:block;margin:12px 0}.main>.content>.share{position:fixed;right:20%;bottom:12px}.main>.content>.share img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.main>.content>.share img:hover{transform:scale(1.2);transition:all 0.1s}.main>.content a{color:#F0F0F0}.main>.content hr.section-border{border:none;width:100%;height:2px;margin:64px auto;text-align:center;background-image:-webkit-linear-gradient(left, transparent, #FFF 25%, #FFF 75%, transparent);background-image:linear-gradient(to right, transparent, #FFF 25%, #FFF 75%, transparent);background-position:center;background-repeat:no-repeat}.main>.content .section-header{background-image:url("/img/ui/Header01.png");width:500px;height:90px;margin:0 auto 0}.main>.content .section-header>*{padding:24px 0 0;font-size:32px;text-align:center}.main>.content .header-ribbon{background:url("/img/ui/Underline01.png") no-repeat;background-position:bottom;background-size:contain;width:300px;height:72px;text-align:left}.main>.content .header-ribbon>h1{color:rgba(255,255,255,0.9);margin:8px 0 0 36px}@media screen and (min-width: 320px) and (max-width: 1000px){.main>.background{background-position:0 100px}.main>.content{width:100%;padding-top:100px}.main>.content>.navigation .menu>li{margin-right:12px}.main>.content>.navigation .menu>li>a{font-size:large}.main>.content .top>.title{width:100%}.main>.content .top>.title .yadorigi{height:80%;right:2%}.main>.content .top>.title .logo{width:60%;max-width:400px;min-width:320px;bottom:-32px;left:50%;transform:translateX(-50%)}.main>.content .movie iframe{height:100%;width:100%}.main>.content .platform{text-align:center}.main>.content .platform>img{display:block;margin:0 auto}.main>.content .story{height:auto}.main>.content .story>.content{background:rgba(0,0,0,0.4);width:auto;height:auto}.main>.content .story>.content h1{padding:24px 0 0}.main>.content .story>.content p{width:80%}.main>.content .system>ul>li>img{width:100%;height:100%}.main>.content .system>ul>li>.about{width:auto;margin-left:0;height:100%}.main>.content>.gallery>.preview{width:100%;height:100%}.main>.content>.gallery>.preview img{max-width:100%}.main>.content>.information{width:auto;height:auto;padding:10px 12px 8px}.main>.content>.share{right:4%}}@media screen and (min-width: 320px) and (max-width: 720px){.main>.background{background-size:256px 256px}.main>.content .top>.title{height:260px}.main>.content .top>.title .logo{right:32px}.main>.content .allow{-webkit-animation:none;-moz-animation:none;animation:none;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.main>.content .system>ul>li:nth-child(even)>img{float:none}.main>.content .character{width:auto;height:580px;margin:0 auto}.main>.content .character li{display:none}.main>.content .character li.rose{display:block;left:12%}.main>.content .character li.rose img{width:200px}.main>.content .character li.rose .about{width:208px;left:0}.main>.content .character li.fairy{display:block;top:340px;left:auto;right:12%}.main>.content .character li.fairy img{transform:scale(-1, 1);width:200px}.main>.content .character li.fairy .about{width:170px;top:auto;right:auto;bottom:-30px}.main>.content>.gallery>ul>li>img{width:218px;height:123px}}@media screen and (min-width: 720px) and (max-width: 1000px){.main>.content .system>ul>li:nth-child(even)>img{float:none}.main>.content .character{width:700px;height:1320px;margin:0 auto}.main>.content .character li.manemanebo{top:360px;left:324px}.main>.content .character li.anneliese{top:512px;left:100px}.main>.content .character li.lohengrin{top:614px;left:400px}.main>.content .character li.amon{top:720px;left:120px}.main>.content .character li.hannibal{top:840px;left:384px}.main>.content .character li.gothmedousa{top:986px;Left:92px}.main>.content>.gallery>ul>li>img{width:164px;height:92px}}