@charset "UTF-8";

/*//////////----- WEEKLY -----//////////*/

.weekly{
	box-sizing: border-box;
	padding:10px;
}

.weekly ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	width:100%;	
	margin:0 auto;
	max-width: 1080px;
}

.weekly ul li{
	width:calc(100%/3);	
	box-sizing: border-box;
	padding:5px;	
	text-align: center;	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:600;
}

.weekly ul li.today{
	width:100%;
}

.weekly ul li a{
	display:block;	
	box-sizing: border-box;
	padding:15px 5px;	
	background-color:#fff;
	color:#000;	
	border:solid 1px #fff;
	border-radius:5px;
}

.weekly ul li a:hover{
	background-color:#fff;
	color:#ff4693;
	border:solid 1px #fff;
	text-decoration: none;
}

.weekly ul li.sat a{
	background-color:#3ba8fd;
	color:#fff;
	border:solid 1px #3ba8fd;
}

.weekly ul li.sat a:hover{
	background-color:#6cbfff;
	color:#fff;	
	text-decoration: none;
	border:solid 1px #6cbfff;
}

.weekly ul li.sun a{
	background-color:#cd0707;
	color:#fff;
	border:solid 1px #cd0707;
}

.weekly ul li.sun a:hover{
	background-color:#ff4646;
	color:#fff;	
	text-decoration: none;
	border:solid 1px #ff4646;
}

.weekly ul li.active a{
	background-color:#ff4693;
	color:#fff;
	border:solid 1px #ff4693;
}

.weekly ul li.active a:hover{
	background-color:#ff4693;
	color:#fff;	
	text-decoration: none;
}

.weekly ul li span{
	display:block;
	font-size:0.8rem;
	line-height:1.0em;	
	margin-top:7.5px;
}

.weekly ul li span:before{
	content:"（";
}

.weekly ul li span:after{
	content:"）";
}

@media only screen and (min-width: 720px){
	
	.weekly ul li{
		width:calc(100%/7);
	}
	
	.weekly ul li.today{
		width:calc(100%/7);
	}

}

/*//////////----- CAST -----//////////*/

#schedule div.content{
	box-sizing: border-box;
	padding:5px;	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

#schedule article{
	width:50%;
}

#schedule article p.standby{
	display:none;
}

@media only screen and (min-width: 720px){
	
	#schedule article{
		width:calc(100%/3);
	}
	
}

@media only screen and (min-width: 960px){
	
	#schedule article{
		width:25%;
	}
	
}