@charset "UTF-8";#splash{position:fixed;width:100%;height:100%;background:#7d4698;z-index:9999999;text-align:center;color:#fff;font-family:'Noto Serif JP',serif}#splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;letter-spacing:.2em}.splashbg1,.splashbg2{display:none}body.appear .splashbg1,body.appear .splashbg2{display:block}body.appear .splashbg1{animation-name:PageAnime;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;content:"";position:fixed;z-index:999;width:100%;height:100vh;bottom:50%;left:0;transform:scaleY(1);background-color:#7d4698}@keyframes PageAnime{0%{transform-origin:top;transform:scaleY(1)}100%{transform-origin:top;transform:scaleY(0)}}body.appear .splashbg2{animation-name:PageAnime2;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:50%;left:0;transform:scaleY(1);background-color:#7d4698}@keyframes PageAnime2{0%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(0)}}#container{opacity:0;position:relative;z-index:1}body.appear #container{animation-name:PageAnimeAppear;animation-duration:1.5s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}