@charset 'utf-8';

/* schedule */
.schedule { padding:32px;}
.schedule div {
background:rgb(0,0,0,50%);
border-radius:8px;
box-shadow:0 0 8px rgb(127,255,231,50%);
padding:12px; margin:0 auto;
}
.schedule .item { display:flex; flex-wrap:wrap; align-items:center;}
.schedule .item li { font-size:14px; white-space:nowrap; overflow:hidden; padding:4px;}
.schedule .item >:nth-child(1) { width:calc(100% - (28em + 24px));}
.schedule .item >:nth-child(2) { width:calc(10em + 8px);}
.schedule .item >:nth-child(3) { width:calc( 6em + 8px);}
.schedule .item >:nth-child(4) { width:calc(12em + 8px);}
.schedule hr {
display:block;
height:2px;
border:none; border-top:solid 1px #064; border-bottom:solid 1px #0AC;
box-shadow:0 0 4px rgb(0,127,191,75%);
margin:4px;
}
.schedule .copy { display:flex; flex-wrap:wrap; justify-content:center; padding:4px;}
.schedule .copy li { font-size:10px; padding:4px; opacity:60%;}
@media screen and ( max-width:768px ){
.schedule { padding:16px;}
.schedule div { padding:8px;}
.schedule .item li { font-size:12px; padding:4px;}
.schedule .item >:nth-child(1) { width:100%;}
.schedule .item >:nth-child(2) { width:40%;}
.schedule .item >:nth-child(3) { width:20%;}
.schedule .item >:nth-child(4) { width:40%;}
}
/* schedule */