@charset "utf-8";

/* -------------------------------------------------
     schedule_week
 --------------------------------------------------- */
#schedule_week {
	clear:both;
	width:1100px;
	height:100px;
	margin-top:10px;
	margin-bottom:20px;
	overflow:hidden;
}

/* 各日 */
#schedule_week #daily{
	width:1000px;
	height:40px;
	margin-left:70px;
}

#schedule_week #daily ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#schedule_week #daily li{
	display:inline;
	padding: 0; 
	margin: 0; 
	float: left;
}

#schedule_week #daily li a{
	display:block;
	background-color: #000;
	border:solid 1px #000;
	text-decoration: none;
	color: #fff;
	width: 120px; 
	margin: 5px;
	text-align: center;
	font-size: 14px;
	padding: 3px;
	/* 角丸 */
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#schedule_week #daily li a:hover{
	background-color: #e6459b;
	color: #fff;
}

/* 各週 */
#schedule_week #weekly{
	clear:both;
	width:370px;
	height:40px;
	margin-left:390px;
}

#schedule_week #weekly #week_prev{
	float:left;
	width:160px;
	height:40px;
}

#schedule_week #weekly #week_next{
	float:left;
	width:160px;
	height:40px;
	margin-left:10px;
}

#schedule_week #weekly .weekly_icon{
	display: inline-block;
	background-color: #fff;
	border:solid 1px #000;
	padding: 3px;
	text-decoration: none;
	color: #000;
	width: 140px; 
	margin: 5px;
	text-align: center;
	font-size: 14px;
	/* 角丸 */
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#schedule_week #weekly .weekly_icon:hover{
	background-color: #e6459b;
	color: #fff;
}

@media screen and (max-width: 770px) {
	#schedule_week {
		width:100%;
		height:auto;
	}
	
	#schedule_week #daily{
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}

	#schedule_week #daily li{
		width: 33%;
	}

	#schedule_week #daily li a{
		width: 90%;
		margin: 5px auto;
	}

	#schedule_week #weekly{
		width:100%;
		height:auto;
		margin-top: 20px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#schedule_week #weekly #week_prev{
		float:left;
		width:50%;
	}
	
	#schedule_week #weekly #week_next{
		float:right;
		width:50%;
		margin-left:0px;
	}

	#schedule_week #weekly .weekly_icon{
		width: 90%; 
		margin: 0px auto;
	}

}


/* -------------------------------------------------
     schedule_list_area
 --------------------------------------------------- */
.schedule_list_area {
	width:1100px;
	height:auto;
	margin:10px auto;
	overflow: hidden;
	background-color: rgba(255,255,255,0.7);

	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}


.schedule_list_area .model_list {
	width: 270px;
	height:auto;
	margin: 10px 2px;
	overflow:hidden;
}

.schedule_list_area .model_list .model_img {
	float:left;
	width:270px;
	height:360px;
	overflow:hidden;
	position: relative;
}

.schedule_list_area .model_list .listimg {
	width:270px;
	height:360px;
}

.schedule_list_area .model_list .model_img a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

.icon_newface{
	width:86px;
	height:86px;
	position: absolute;
    right: 0;
    top: 0;
}

.icon_newface img{
	width:86px;
	height:86px;
}

.schedule_list_area .model_list .model_rank {
	float:left;
	width:270px;
	height:35px;
	overflow:hidden;
}

.schedule_list_area .model_list .model_rank img {
	width:270px;
	height:35px;
}

.schedule_list_area .model_list .model_name {
	float:left;
	width:270px;
	height:20px;
	overflow:hidden;
	background-color:#000;
	font-size:16px;
	padding: 5px 0;
	color:#FFF;
	text-align:center;
	line-height: 20px;
}

.schedule_list_area .model_list .model_name span {
	font-size:12px;
}

.schedule_list_area .model_list .model_size {
	float:left;
	width:268px;
	height:18px;
	overflow:hidden;
	background-color:#fff;
	font-size:14px;
	padding: 5px 0;
	text-align:center;
	line-height: 18px;
	border:solid 1px #ccc;
}

.schedule_list_area .model_list .model_time {
	float:left;
	width:268px;
	/*height:18px;*/
	overflow:hidden;
	background-color:#fff;
	font-size:14px;
	padding: 5px 0;
	text-align:center;
	line-height: 18px;
	border:solid 1px #ccc;
}

.schedule_list_area .model_list .model_time span {
	color:#F00;
}

.schedule_list_area .model_list .model_clock {
	float:left;
	width:268px;
	height:18px;
	overflow:hidden;
	background-color:#fff;
	font-size:14px;
	padding: 5px 0;
	text-align:center;
	line-height: 18px;
	border:solid 1px #ccc;
}

.schedule_list_area .model_list .girls_reserve {
	float:left;
	width:268px;
	height:auto;
	overflow:hidden;
	font-size:14px;
	text-align:center;
	line-height: 18px;
}

.schedule_list_area .model_list .girls_reserve .btn {
	width:268px;
	height:auto;
	background-color:#f00;
	color:#FFF;
	cursor: pointer;
	outline: none;
	appearance: none;
	padding: 5px 0;
	margin:0;
	border-style:none;
}

.schedule_list_area .model_list .reserve_err {
	float:left;
	width:268px;
	height:auto;
	overflow:hidden;
	font-size:10px;
	text-align:center;
	line-height: 18px;
	color:#666;
}



@media screen and (max-width: 770px) {
	.schedule_list_area {
		width:100%;
	}
	
	.schedule_list_area .model_list {
		width: 50%;
		margin: 15px 0px;
	}
	
	.schedule_list_area .model_list .model_img {
		width:100%;
		height:auto;
	}
	
	.schedule_list_area .model_list .listimg {
		width:100%;
		height:auto;
	}
	
	.icon_newface{
		width:30%;
		height:auto;
	}

	.icon_newface img{
		width:100%;
		height:auto;
	}

	.schedule_list_area .model_list .model_rank {
		width:100%;
		height:auto;
		font-size:0;
	}

	.schedule_list_area .model_list .model_rank img {
		width:100%;
		height:auto;
	}
	
	.schedule_list_area .model_list .model_name {
		width:100%;
		height:auto;
		padding: 8px 0;
		line-height: normal;
	}

	.schedule_list_area .model_list .model_size {
		width:100%;
		height:auto;
		padding: 8px 0;
		line-height: normal;
		box-sizing: border-box;
		font-size:12px;
	}
	
	.schedule_list_area .model_list .model_time {
		width:100%;
		height:auto;
		padding: 8px 0;
		line-height: normal;
		box-sizing: border-box;
		font-size:12px;
	}

	.schedule_list_area .model_list .model_clock {
		width:100%;
		height:auto;
		padding: 8px 0;
		line-height: normal;
		box-sizing: border-box;
		font-size:12px;
	}

	.schedule_list_area .model_list .girls_reserve {
		width:100%;
		height:auto;
	}
	
	.schedule_list_area .model_list .girls_reserve .btn {
		width:100%;
		height:auto;
	}

	.schedule_list_area .model_list .reserve_err {
		width:100%;
		height:auto;
	}

}