@charset "UTF-8";

#event-slider{
	background-color:#002;
	padding-bottom:10px;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
}

#event-slider ul li img{
	width:100%;
	vertical-align:bottom;
}

#today{
	margin-bottom:20px;
}

#today div.content{
	padding:10px;
}

#today .castlist{
	width:33.25%;
	float:left;
}

#ready{
	margin-bottom:20px;
}

#ready div.content{
	padding:10px;
}

#ready .castlist{
	width:33.25%;
	float:left;
}

#ranking{
	margin-bottom:20px;
}

#ranking div.container{
	background-image:url(../images/bg-flower.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
}

#ranking div.content{
	padding:10px;
}

#ranking .castlist{
	width:33.25%;
	float:left;
}

#review{
	margin-bottom:20px;
}

#review div.scroll{
	height:400px;
	padding:5px;
	overflow:scroll;
}

#review article{
	margin:10px;
	margin-bottom:20px;
}

#review article div.table-parent{
	display:table;
	width:100%;
}

#review article div.table-parent p.thum{
	display:table-cell;
	width:70px;
	vertical-align:top;
}

#review article div.table-parent p.thum img{
	width:60px;
	height:60px;
	object-fit:cover;
	object-position:top;
	
	border:solid 1px #fff;
	border-radius:5px;
}

#review article div.table-parent div.text{
	display:table-cell;
	width:auto;
	vertical-align:top;
	padding:10px;
	
	font-size:0.8rem;
	line-height:1.75em;
	
	background-color:#fff;
	color:#444;
	border-radius:5px;
}

#review article div.table-parent div.text p.date{
	font-size:0.6rem;
	line-height:1.0em;
	font-weight:bold;
	color:#c00;
	margin-bottom:5px;
}

#review article div.table-parent div.text p.date span{
	display:inline-block;
	margin:0 5px;
}

#review article div.table-parent div.text p.judge img{
	display:inline;
	width:20px;
}