:root{font-size:12px}*{margin:0;padding:0}#app{background:url(../img/bg.3c456c15.png) no-repeat 50%;min-height:100vh;background-size:cover}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10vh}.player{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:center}.player img{width:80%;max-width:50rem}.line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1%}.line .logo{width:50%;margin-bottom:1.5rem}.line .title{width:70%;margin-top:1rem;margin-bottom:2rem}.line ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 1%;width:100%}.line ul li{background:#fff;color:#000;font-size:.9rem;font-weight:700;border:.15rem solid #6e077f;border-radius:1.3rem;width:46%;margin:0 2% 1rem;padding:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line ul li .time{color:#73dd73;font-size:1rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.line ul li img{margin-right:.2rem;width:1.3rem}.line ul li .oper{text-align:center;margin-left:.2rem}.line ul li .oper button{background:#6e077f;color:#fff;font-size:.8rem;border-radius:1rem;padding:.3rem .5rem;line-height:1.2;margin:0;border:none}@media only screen and (min-width:600px){.main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20vh 5rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.player{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.player img{width:100%}.line .logo{width:40%;margin-bottom:2rem}.line .title{width:60%;margin-top:3rem}.line ul li{font-size:1.2rem;width:46%;margin:0 2% 1rem;border-width:.2rem;border-radius:1rem;padding:.8rem}.line ul li img{margin-right:.5rem;width:2rem}.line ul li .time{font-size:1.3rem}.line ul li .oper button{font-size:1rem;padding:.3rem 1rem}}