html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}ul{list-style:none}img{border:none;vertical-align:bottom}a{outline:none}#gaCol{height:0;overflow:hidden}*{box-sizing:border-box}.pc{display:none}img{width:100%}@media screen and (min-width: 768px){.sp{display:none}.pc{display:block}img{width:auto}}.btn{display:flex;justify-content:center;align-items:center;position:relative;margin:20px 0;padding:1.2em;background:linear-gradient(#006fff,#0048a6);font-size:1.2rem;font-weight:bold;text-align:center;text-decoration:none;color:#fff;box-shadow:1px 1px 4px #000;text-shadow:1px 1px 1px #000}.btn:after{display:inline-block;margin-left:1em;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;content:""}@media screen and (min-width: 768px){.btn{font-size:1.5rem;transition:.2s}.btn:hover{filter:brightness(120%)}}body{margin:0;padding:0;position:relative;height:100%;background:#000;font-family:-apple-system,BlinkMacSystemFont,"BIZ UDPGothic","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"Noto Sans CJK JP","ＭＳ Ｐゴシック","MS PGothic",sans-serif;overflow-x:hidden}body .bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}body .bg span{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:none;opacity:0;animation:anime 40s linear 0s infinite}body .bg span:nth-child(1){background-image:url(../images/common/bg01.jpg)}body .bg span:nth-child(2){background-image:url(../images/common/bg02.jpg);animation-delay:10s}body .bg span:nth-child(3){background-image:url(../images/common/bg03.jpg);animation-delay:20s}body .bg span:nth-child(4){background-image:url(../images/common/bg04.jpg);animation-delay:30s}body .wrapper{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0.8),rgba(0,0,0,0.8),rgba(0,0,0,0.8))}body header{position:relative;text-align:center}@media screen and (max-width: 767px){body header h1{margin:40px 40px 30px}body header .catch{margin:10px 20px}body header .charaSix{width:54%}body header .charaMono{width:40%}}@media screen and (min-width: 768px){body header h1{margin:60px 0 30px}body header h2{width:100%;max-width:1191px;margin:0 auto}body header h2 img{width:100%}body header .catch{margin:20px auto}body header .charaSix,body header .charaMono{position:absolute;bottom:-20px}body header .charaSix{right:50%;margin-right:26vw}body header .charaMono{left:50%;margin-left:30vw}}body main{text-align:center}body main section#btnSpace{position:relative;background:url(../images/bg_btn.png) repeat center}body main section#btnSpace:before,body main section#btnSpace:after{position:absolute;left:0;width:100%;height:27px;background:url(../images/bg_btn_line.png) repeat-x center;content:""}body main section#btnSpace:before{top:0}body main section#btnSpace:after{bottom:0;transform:rotateX(180deg)}body main section#btnSpace .btn{flex-wrap:wrap;max-width:466px}body main section#btnSpace .btn span{display:block;margin-bottom:1em;font-size:12px}@media screen and (max-width: 767px){body main section#btnSpace{padding:20px}body main section#btnSpace h3{width:50%;margin:20px auto}}@media screen and (min-width: 768px){body main section#btnSpace{display:flex;justify-content:center;padding:60px 20px}body main section#btnSpace h3{margin-right:30px}}body main section#songList h3{margin:30px 0}body main section#songList ul{padding:0 20px}body main section#songList ul li{margin-bottom:3vw}@media screen and (min-width: 768px){body main section#songList h3{margin:50px 0 30px}body main section#songList ul{display:flex;justify-content:space-between;width:840px;margin:0 auto}body main section#songList ul li{margin-bottom:0}body main section#songList ul li img{width:100%}body main section#songList ul li:last-child{margin:0 -60px}}body main section#howto .pc{margin:40px 0 30px;padding:40px 40px 50px;background:url(../images/bg_howto.jpg) no-repeat center top}body main section#howto .pc h2 img{margin:10px 0 0}body main section#howto .pc img{margin:40px 0 0}body main section#howto .sp{margin:20px 0;padding:0 20px}body main .notice{max-width:840px;margin:0 auto;padding:0 20px;color:#fff}body main .notice li{margin:0.3em 0 0.3em 1em;text-indent:-1em;text-align:left;line-height:1.3em;font-size:12px}body footer{padding:40px 20px;text-align:center;font-size:10px;color:#fff;line-height:1.3em}@keyframes anime{0%{animation-timing-function:ease-in;opacity:0}10%{transform:scale(1.1);opacity:1}40%{transform:scale(1.2);animation-timing-function:ease-out;opacity:1}50%{transform:scale(1.3);opacity:0}100%{opacity:0}}#serial #btnSpace .inner p{margin:1em 0;text-align:left;color:#fff;line-height:1.5em}#serial #btnSpace .inner p.errorMsg{color:#f66}#serial #btnSpace .inner #code form{display:flex;justify-content:space-between}#serial #btnSpace .inner #code form input{width:24%;padding:0.5em;text-align:center;font-size:1.3rem;font-weight:bold}@media screen and (min-width: 768px){#serial #btnSpace .inner p,#serial #btnSpace .inner #code{max-width:466px}#serial #btnSpace .inner #code form input{font-size:1.6rem}}#comp #btnSpace .inner p{margin:1em 0;color:#fff;line-height:1.5em}#comp #btnSpace .inner a div small{display:block;margin-top:1em;font-size:0.6em}@media screen and (min-width: 768px){#comp #btnSpace .inner p,#comp #btnSpace .inner #code{max-width:476px}}#info #btnSpace .inner{color:#fff}#info #btnSpace .inner h3{width:100%;margin:2em 0;font-size:1.5rem}#info #btnSpace .inner p{margin:2em 0}