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-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,picture,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:0 0}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}.btn-primary,.nav-link.active,.nav-tabs,.nav-tabs .nav-link,.nav-tabs .nav-link:hover{background:0 0!important;border:0;padding:0}picture{display:block}.aside{width:154px;min-height:260px;background:url(../images/linkbg.png) no-repeat center center/contain;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;right:2vw;bottom:4vh;z-index:9;padding-bottom:1%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.aside{background:url(../images/linkbg.webp) no-repeat center center/contain}}@media only screen and (max-width:768px){.aside{width:120px;min-height:200px;padding-bottom:2%}}.aside ul.sidebar li{margin:10% auto}@media only screen and (max-width:768px){.aside ul.sidebar li{margin:4% auto}}.aside ul.sidebar li:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.666667))}.aside button:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.666667))}.mainlink{display:flex;flex-direction:column;align-items:center;position:absolute;top:20vh;right:0;z-index:9}@media only screen and (max-width:480px){.mainlink{max-width:50vw;position:relative;top:unset;right:unset}}.mainlink li,.mainlink>a{margin:4% auto}.mainlink li:hover,.mainlink>a:hover{filter:drop-shadow(0 0 10px rgba(255,64,163,.666667))}@media only screen and (max-width:768px){.mainlink img{max-width:20vw}}@media only screen and (max-width:480px){.mainlink img{max-width:40vw}}.mainlink .linkhover:hover ul{opacity:1}.mainlink ul{transition:1.4s opacity;opacity:0}@media only screen and (max-width:480px){.mainlink ul{opacity:1}}#main{position:relative;min-height:100vh;background:url(../images/mainbg.jpg) no-repeat center center/cover;text-align:center;padding:80px 10% 0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainbg.webp) no-repeat center center/cover}}@media only screen and (max-width:480px){#main{padding:80px 2% 0}}#main::before{content:'';width:100%;height:100%;background:url(../images/char.png) no-repeat left bottom/auto;position:absolute;left:0;bottom:0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main::before{background:url(../images/char.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main::before{display:none}}#main.bgnum1{background:url(../images/bg1.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum1{background:url(../images/bg1.webp) no-repeat center center/cover}}#main.bgnum1::before{background:url(../images/char1.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum1::before{background:url(../images/char1.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum1::before{display:none}}#main.bgnum2{background:url(../images/bg2.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum2{background:url(../images/bg2.webp) no-repeat center center/cover}}#main.bgnum2::before{background:url(../images/char2.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum2::before{background:url(../images/char2.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum2::before{display:none}}#main.bgnum3{background:url(../images/bg3.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum3{background:url(../images/bg3.webp) no-repeat center center/cover}}#main.bgnum3::before{background:url(../images/char3.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum3::before{background:url(../images/char3.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum3::before{display:none}}#main.bgnum4{background:url(../images/bg4.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum4{background:url(../images/bg4.webp) no-repeat center center/cover}}#main.bgnum4::before{background:url(../images/char4.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum4::before{background:url(../images/char4.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum4::before{display:none}}#main.bgnum5{background:url(../images/bg5.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum5{background:url(../images/bg5.webp) no-repeat center center/cover}}#main.bgnum5::before{background:url(../images/char5.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum5::before{background:url(../images/char5.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum5::before{display:none}}#main.bgnum6{background:url(../images/bg6.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum6{background:url(../images/bg6.webp) no-repeat center center/cover}}#main.bgnum6::before{background:url(../images/char6.png) no-repeat left bottom/auto}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main.bgnum6::before{background:url(../images/char6.webp) no-repeat left bottom/auto}}@media only screen and (max-width:1200px){#main.bgnum6::before{display:none}}#main .logo{position:absolute;right:4vw;margin-top:2vh}@media only screen and (max-width:768px){#main .logo{right:0;margin-top:unset}}@media only screen and (max-width:480px){#main .logo img{width:24vw}}#main .title{margin:1% auto}@media only screen and (max-width:768px){#main .title img{max-width:70vw}}.musiclist{display:flex;flex-wrap:wrap;justify-content:center;max-width:90%;margin:0 auto}@media only screen and (max-width:1440px){.musiclist{max-width:100%}}.musiclist .music-btn{position:relative;min-width:360px;margin:.6% .2%;filter:brightness(.4)}@media only screen and (max-width:1200px){.musiclist .music-btn{min-width:unset}}@media only screen and (max-width:768px){.musiclist .music-btn{max-width:48%}}@media only screen and (max-width:480px){.musiclist .music-btn{margin:2% .2%}}.musiclist .music-btn:nth-of-type(1).active>picture:not(.CD){background:url(../images/music1_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(1).active>picture:not(.CD){background:url(../images/music1_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(1).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn:nth-of-type(2).active>picture:not(.CD){background:url(../images/music2_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(2).active>picture:not(.CD){background:url(../images/music2_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(2).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn:nth-of-type(3).active>picture:not(.CD){background:url(../images/music3_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(3).active>picture:not(.CD){background:url(../images/music3_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(3).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn:nth-of-type(4).active>picture:not(.CD){background:url(../images/music4_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(4).active>picture:not(.CD){background:url(../images/music4_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(4).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn:nth-of-type(5).active>picture:not(.CD){background:url(../images/music5_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(5).active>picture:not(.CD){background:url(../images/music5_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(5).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn:nth-of-type(6).active>picture:not(.CD){background:url(../images/music6_play.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn:nth-of-type(6).active>picture:not(.CD){background:url(../images/music6_play.webp) no-repeat center center/contain}}.musiclist .music-btn:nth-of-type(6).active>picture:not(.CD) img{opacity:0}.musiclist .music-btn picture{position:relative;z-index:2}.musiclist .music-btn .music-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.musiclist .music-btn .CD{position:absolute;top:6px;right:0;z-index:1}@media only screen and (max-width:480px){.musiclist .music-btn .CD{top:0}}@media only screen and (max-width:768px){.musiclist .music-btn .CD img{max-width:90%}}@media only screen and (max-width:480px){.musiclist .music-btn .CD img{max-width:70%}}.musiclist .music-btn:hover{filter:drop-shadow(0 0 40px #f9f57a)}.musiclist .music-btn.active{filter:brightness(1)}.musiclist .music-btn.active .music-play{background:url(../images/off.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .music-btn.active .music-play{background:url(../images/off.webp) no-repeat center center/contain}}.musiclist .music-btn.active .music-play img{opacity:0}.musiclist .music-btn.active .CD{-webkit-animation:cd-change infinite 4s linear;animation:cd-change infinite 4s linear}.mask-area{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:none;visibility:visible}.mask-area.inactive{visibility:hidden}.mask-area.active-in{pointer-events:auto}.mask-area.active-in .layer1{-webkit-animation:mask-in 1s cubic-bezier(.7,0,.18,1) forwards;animation:mask-in 1s cubic-bezier(.7,0,.18,1) forwards}.mask-area.active-in .layer2{-webkit-animation:mask-in .6s cubic-bezier(.7,0,.18,1) .4s forwards;animation:mask-in .6s cubic-bezier(.7,0,.18,1) .4s forwards}.mask-area.active-in .layer3{-webkit-animation:mask-in .2s cubic-bezier(.7,0,.18,1) .8s forwards;animation:mask-in .2s cubic-bezier(.7,0,.18,1) .8s forwards}.mask-area.active-out{pointer-events:auto}.mask-area.active-out .layer1{-webkit-animation:mask-out 1s cubic-bezier(.7,0,.18,1) forwards;animation:mask-out 1s cubic-bezier(.7,0,.18,1) forwards}.mask-area.active-out .layer2{-webkit-animation:mask-out .6s cubic-bezier(.7,0,.18,1) forwards;animation:mask-out .6s cubic-bezier(.7,0,.18,1) forwards}.mask-area.active-out .layer3{-webkit-animation:mask-out .4s cubic-bezier(.7,0,.18,1) forwards;animation:mask-out .4s cubic-bezier(.7,0,.18,1) forwards}.mask-layer{width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:left}.mask-layer.layer1{opacity:.8;z-index:1}.mask-layer.layer2{opacity:.9;z-index:2}.mask-layer.layer3{z-index:3}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes cd-change{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cd-change{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cd-change{-webkit-animation:cd-change infinite 4s linear;animation:cd-change infinite 4s linear}@-webkit-keyframes mask-in{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes mask-in{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@-webkit-keyframes mask-out{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes mask-out{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}footer{position:relative;z-index:9;background-color:#fff}