@charset "shift_jis";



:root {
  --main-use-color: #206cf6;
}


#date_route table
{	width: 90%;
	margin: 0px auto;
	border: 1px solid #999999;
	border-collapse: collapse;
}
#date_route td, th
{	border: 1px solid #808080;
	text-align: center;
	vertical-align: middle;
}
#date_route td
{	width: 11%;
	padding:15px 0;
}
#date_route th
{	width: 10%;
}

#date_route td.open
{	background-color: rgb( 49 , 177 , 108 );
}
#date_route td.open a
{	color: rgb( 255 , 255 , 255 );
}
#date_route td.open a.reserve-ok
{	font-size:1.6em;
	cursor: pointer;
}
@media screen and (max-width: 999px)
{
	#date_route td.open a.reserve-ok
	{	font-size:1.4em;
		cursor: pointer;
	}
}

#date_route td.today_past
{	background-color: rgb( 191 , 191 , 191 );
}
#date_route td.today_past span
{	display: none;
}
#date_route td.today_future
{	background-color: rgb( 231 , 76 , 83 );
	color: rgb( 255 , 255 , 255 );
}
#date_route td.today_future span
{	
}

.route_select
{	width: 100%;
	height: 50px;
	margin: 5px auto;
	padding: 0px 5%;
}

.sr_btn_r
{	width:50%;
	border: 1px #206cf6 solid;
	padding: 10px;
	float: left;
	background-color: #FFFFFF;
	color: #206cf6;
	text-align:center;
	cursor: pointer;
}
.sr_btn_n
{	width:50%;
	border: 1px #206cf6 solid;
	padding: 10px;
	float: left;
	background-color: #206CF6;
	color: #FFFFFF;
	text-align:center;
	cursor: default;
}

.gr_btn_r
{	width:50%;
	border: 1px #206cf6 solid;
	padding: 10px;
	float: left;
	background-color: #FFFFFF;
	color: #206cf6;
	text-align:center;
	cursor: pointer;
}
.gr_btn_n
{	width:50%;
	border: 1px #206cf6 solid;
	padding: 10px;
	float: left;
	background-color: #206CF6;
	color: #FFFFFF;
	text-align:center;
	cursor: default;
}

.castlist
{	width:100%;
	
}

.castlist table
{	width:90%;
	border: 1px var(--main-use-color) solid;
	margin: 5px auto;
	
}

.castlist table .girl_img
{	width: 85px;
	padding: 0px 0px 5px 0px;
}

.castlist table .girl_img img
{	display: block;
	width: 60px;
}

.castlist table .girl_name
{	width: 42%;
	height: 40px;
	padding: 10px 0;
	vertical-align: middle;
}

.castlist .girl_prof_btn
{	width: 32%;
	text-align: right;
	padding: 10px 0;
}

.castlist .girl_size
{	width: 42%;
	vertical-align: middle;
	padding: 10px 3px 10px 0;
}

.castlist .girl_list_btn
{	width: 32%;
	text-align: right;
	padding: 10px 3px 10px 0;
}


.day_sche
{	display: inline-block;
	margin: 0px auto;
	
}
.day_sche table
{	display: inline-block;
	width: 520px;
	overflow: scroll;
	margin: 0px auto;
	border: 2px solid #808080;
	border-collapse: collapse;
}
.day_sche table td
{	padding: 15px;
	width: 60px;
	text-align: center;
	border: 1px solid #808080;
	
}
.day_sche table td a.reserve-ok
{	cursor: pointer;
	
}

@media screen and (max-width: 999px)
{	
	.day_sche table
	{	width: 300px;
	}
}



.pager_part
{	margin: 15px auto;
	text-align:center;
	
}

.pager_part li
{	display: inline;
	border: 1px solid #333333;
	margin: 5px;
	padding: 5px 15px;
	text-align:center;
	
}

.pager_part li.pnbtn_no
{	color: #CCCCCC;
	background-color: #AAAAAA;
	cursor: default;
	
}

.pager_part li.pnbtn_on
{	color: #333333;
	background-color: #FFFFFF;
	cursor: pointer;
	
}

.pager_part li.tp_btn_no
{	background-color: #AAAAAA;
	padding: 5px 10px;
	margin: 5px 15px;
	cursor: default;
}


.pager_part li.tp_btn_on
{	background-color: #FFFFFF;
	padding: 5px 10px;
	margin: 5px 15px;
	cursor: pointer;
	
}

@media screen and (max-width: 999px)
{	
	.pager_part li
	{	margin: 5px;
		padding: 3px;
	}
	
	.pager_part li.pnbtn_no
	{	width: 15%;
	}
	
	.pager_part li.pnbtn_on
	{	width: 15%;
	}
	.pager_part li.tp_btn_no
	{	margin: 5px 2px;
		padding: 2px 3px;
	}
	.pager_part li.tp_btn_on
	{	margin: 5px 2px;
		padding: 2px 3px;
		
	}
	
}