@charset "UTF-8";

.castlist a{
	display:block;
	color:#444;
}

.castlist a:hover{
	color:#444;
	text-decoration: none;
	opacity: 0.8;
}

.castlist div.inner{
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	
	margin:5px;
	border:solid 1px #ff4788;
	background-image: url(../images/castlistbg.png);
}

.castlist div.castimg{
	padding:10px;
	position: relative;
}

.castlist div.castimg p.thum{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #ccc;

}

.castlist div.castimg p.thum img{
	width:100%;
	vertical-align: bottom;
}

.castlist div.castimg ul.type{
	position: absolute;
	left:0;
	bottom:0;
	
	width:100%;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:5px;
}

.castlist div.castimg ul.type li{
	text-align: center;
	background-color:#fff;
}

.castlist div.castimg ul.type li img{
	width:100%;
	vertical-align: bottom;
}

.castlist div.text{
	background:#ff4788;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:7px 0px;
}

.castlist div.text h4{
	line-height:1.0em;
	font-weight:bold;
	color:#feffa1;
	
	text-align: center;
	margin-top:5px;
}

.castlist div.text h4 span.age{
	font-size:0.8rem;
	line-height:1.0em;
	margin-left:5px;
}

.castlist div.text ul.size{
	text-align: center;
	color:#fff;
}

.castlist div.text ul.size li{
	display:inline-block;
	font-size:0.8rem;
}

.castlist div.text ul.size li:after{
	content:"/";
	margin-left:2.5px;
}

.castlist div.text p.copy{
	font-size:0.8rem;
	line-height:1.75em;
	color:#e20000;
	padding-top:20px;
	background-image: url(../images/bg-design001-pink.png);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: top center;
}

.castlist div.inner p.standby{
	width:100%;
	/*background-image: url(../images/bg-slide-min-yellow.png);
	background-repeat: repeat;
	background-size:30px;*/
 background-color: #fff7a5;
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:5px 0;
	text-align: center;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	color:#ff4788;
	
	border-radius:2.5px;
}

.castlist div.inner p.debut{
	position: absolute;
  top: -28px;
  left: 0px;
  width: 100%;
	
  background-image: url(../images/bg-slide-min-green.png);
	background-repeat: repeat;
	background-size:30px;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:5px 0;
	text-align: center;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	color:#fff;
	
	border-radius:2.5px;
}

.castlist div.inner p.sokuhime{
	position: absolute;
	bottom:-30px;
	left:0px;
	width:100%;
	background-image: url(../images/bg-slide-min-blue.png);
	background-repeat: repeat;
	background-size:30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 0;
	text-align: center;
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	color:#fff;
	border-radius:2.5px;
}

.castlist div.inner p.sokuhime span{
	display:block;
	font-size:0.8rem;
	line-height:1.0em;
	margin-bottom:5px;
}

.sort{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
	margin-bottom:20px;
}

.sort li{
	display:inline-block;
	width:180px;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	border:solid 2px #ccc;
	border-radius:5px;
}
.sort li.highlight{
	border:solid 2px #09f;
}

.sort li:hover{
	border:solid 2px #f80;
}

.sort li a{
	display:block;
}

.sort li:hover a{
	text-decoration: none;
	color:#444;
}

.sort li span{
	display:block;
	background-image: url(../images/bg-slide-mono.png);
	background-repeat: repeat;
	background-size: 40px;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	
	font-size:1.25rem;
	line-height:1.0em;
	font-weight:bold;
	color:#888;
	
	text-align: center;
	border:solid 2px #fff;
	border-radius:5px;
}

.sort li.highlight span{
	background-image: url(../images/bg-slide-blue.png);
	background-repeat: repeat;
	background-size: 40px;
	color:#fff;
}

.sort li:hover a span{
	background-image: url(../images/bg-slide-orange.png);
	background-repeat: repeat;
	background-size: 40px;
	color:#fff;
}

.weekly{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	
	font-size:0;
	line-height:1.0em;
}

.weekly li{
	width:12.5%;
	float:left;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	
	background-image: url(../images/bg-slide-blue.png);
	background-repeat: repeat;
	background-size:40px;
	
	color:#fff;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px 0;
	border-right:solid 5px #fff;
}

.weekly li.highlight{
	background-image: url(../images/bg-slide-pink.png);
}

.weekly li:hover{
	background-image: url(../images/bg-slide-orange.png);
	cursor: pointer;
}

.weekly li a{
	display:block;
}

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

#cast div.content{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 0;
}

#cast article{
	width:25%;
	float:left;
	
	margin-bottom:40px;
}

#schedule div.content{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 0;
}

#schedule article{
	width:25%;
	float:left;
	
	margin-bottom:40px;
}
#ranking h3{
	background-image: url(../images/hbg.jpg);font-size:22px;color:#fff;font-weight:bold;margin:0px 0px 0px 0px;line-height:45px;height:49px;padding:8px 0px 0px 70px;
	background-repeat:no-repeat;}