@charset "shift_jis";



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


#reserve_body
{	width: 90%;
	margin: 0px auto;
}



@media screen and (max-width: 999px)
{	
	#reserve_body
	{	width: 96%;
	}
	
}

.poview
{	display: block;
}
.soview
{	display: none;
}

@media screen and (max-width: 999px)
{	
	.poview
	{	display: none;
	}
	.soview
	{	display: block;
	}
}

#reserve_body .girl_data
{	
	align-items: center;
	background: #fff;
	border-bottom: 0.1rem solid #efefef;
	box-shadow: 0 0.1rem 0.6rem -0.1rem rgba(0,0,0,.1);
	display: flex;
	flex-wrap: wrap;
	padding: 1.2rem;
}

#reserve_body .girl_data .girl_img
{	margin-right:.6rem;
	width:7rem
}
#reserve_body .girl_data .girl_img img
{	height:7rem;
	border-radius:50%;
}

#reserve_body .girl_data .detail
{	width:calc(100% - 10rem);
}

#reserve_body .girl_data .base_data
{	font-size:1.4rem;
	margin-bottom:.6rem;
}

#reserve_body .girl_data .name
{	font-size:1.8rem;
	font-weight:700;
	max-width:90%;
}

#reserve_body .girl_data .age
{	margin-left: .6rem;
	font-size:1.6rem;
}

#reserve_body .girl_data .free_alert
{	font-size:1.2rem;
}

#reserve_body .girl_data .date
{	font-size:1.2rem;
}

#reserve_body .girl_data .date em
{	font-size:1.6rem;
	margin-left:.2rem;
	margin-right:.4rem;
	font-weight:700;
}

#reserve_body .girl_data .time
{	font-size:1.2rem;
	margin-left:.4rem;
}

#reserve_body .girl_data .time em
{	font-size:1.6rem;
	font-weight:700;
	margin-left:.4rem;
	margin-right:.4rem;
}

.holiday
{	color: #CC0000;
}
.weekday
{	color: #111111;
}
.saturday
{	color: #0000CC;
}

.error_meesage
{	margin: 30px 0;
	border: 3px double #FF3333;
	padding: 10px;
	
	font-weight: 600;
	color: #FF0000;
}

#to_prev
{	margin-top:10px;
}

#to_next
,#nominate_select
,#course_select
,#option_select
{	margin-top:30px;
}

#to_next ul li
,#nominate_select ul li
,#course_select ul li
,#option_select ul li
{	margin-top:10px;
}

#to_next
{	text-align: center;
	
}

.orderInput
{	margin-bottom: 2rem;
	
}

.orderInput h3
{	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.orderInput .items
{	margin-bottom: 2rem;
}

.orderInput .inputTitle
{	color: #707070;
	font-size: 1.3rem;
	margin-bottom: 0.8rem;
}
.orderInput .inputBody 
{	border: 0.1rem solid #d6d6d6;
	border-radius: 0.5rem;
	display: block;
	font-size: 1.6rem;
	padding: 1.4rem;
	width: 100%;
}

.orderInput .items .phone_time li
{	margin: 5px;
	vertical-align: middle;
}

.orderInput .items .phone_time li input[type="radio"]
{	width: 18px;
	height: 18px;
	margin-right: 5px;
	
}


.submitBtn
{	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	max-width: 200px;
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	transition: 0.3s;
}
.submitBtn:active, .submitBtn:focus
{	top: 2px;
}

.submitBtn.toSelect
{	background: linear-gradient(135deg, #ffd900, #ff9300);
}
.submitBtn.toSelect:hover
{	background: linear-gradient(-45deg, #ffd900, #ff9300);
}

.submitBtn.toInput
{	background: linear-gradient(135deg, #ff00d9, #ff0093);
}
.submitBtn.toInput:hover
{	background: linear-gradient(-45deg, #ff00d9, #ff0093);
}

.submitBtn.toConfirm
{	background: linear-gradient(135deg, #d900ff, #9300ff);
}
.submitBtn.toConfirm:hover
{	background: linear-gradient(-45deg, #d900ff, #9300ff);
}

.submitBtn.toExecute
{	background: linear-gradient(135deg, #00d9ff, #0093ff);
}
.submitBtn.toExecute:hover
{	background: linear-gradient(-45deg, #00d9ff, #0093ff);
}

.submitBtn.setCenter
{	margin: 0 auto;
}


#important_points
{	width: 640px;
	margin: 30px auto;
	padding: 20px;
	border: 0.2rem solid #909090;
	border-radius: 0.5rem;
}

#important_points p
{	margin: 15px;
	text-align: center;
	font-size: 18px;
}

@media screen and (max-width: 999px)
{	
	#important_points
	{	width: 96%;
	}
	
}



.selected_data
{	
	align-items: center;
	background: #fff;
	border-bottom: 0.1rem solid #efefef;
	box-shadow: 0 0.1rem 0.6rem -0.1rem rgba(0,0,0,.1);
	display: flex;
	flex-wrap: wrap;
	padding: 1.2rem;
	
}


.selected_data #to_prev
{	width: 200px;
	float: left;
	
}


.selected_data dl
{	width: 700px;
	margin: 10px;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 999px)
{	
	.selected_data dl
	{	width: 100%;
		
	}
	
}


.selected_data dt
{	text-align:right;
	padding: 3px 10px 3px 0px;
	font-weight:600;
	width: 280px;
}

@media screen and (max-width: 999px)
{	
	.selected_data dt
	{	text-align:left;
		padding: 3px 0px 0px 0px;
		width: 100%;
	}
	
}


.selected_data dd
{	text-align:left;
	padding: 3px 0px;
	width: 280px;
	
}

.selected_data dd.prc1
{	width: 200px;
	
}
.selected_data dd.prc2
{	width: 80px;
	text-align: right;
}
.selected_data dd.prc1b
{	padding-left: 280px;
	width: 480px;
}

@media screen and (max-width: 999px)
{	
	.selected_data dd
	{	padding: 0px 0px 3px 20px;
		width: 100%;
		
	}
	
	.selected_data dd.prc1
	{	width: 70%;
		
	}
	.selected_data dd.prc2
	{	width: 26%;
		
	}
	.selected_data dd.prc1b
	{	padding-left: 20px;
		width: 70%;
	}
}


.not_yet_completed
{	text-align: center;
	margin:5px auto;
	padding: 2px 5px;
	font-size: 1.3rem;
	color: #000000;
	background-color: #FFFFE0;
	
}

.not_yet_completed span
{	
	font-size: 1.8rem;
	font-weight: 900;
	color: #FF0000;
	
}