@charset "utf-8";

/* -------------------------------------------------
     reservation
 --------------------------------------------------- */
#reserv_box {
	width:100%;
	height:auto;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	border:solid 1px #ccc;
	box-sizing:border-box;
	overflow:hidden;	
}

#reserv_box #reserv_box_left {
	float:left;
	width:40%;
	height:auto;
	padding: 10px;
	box-sizing:border-box;
	overflow:hidden;
}

#reserv_box #reserv_box_left img {
	width:100%;
	height:auto;
}


#reserv_box #reserv_box_right {
	float:left;
	width:60%;
	height:auto;
	padding: 10px;
	box-sizing:border-box;
	overflow:hidden;
}


#reserv_box #reserv_box_right .reserv_day {
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	overflow:hidden;
	font-size: 16px;
	border-bottom: dotted 1px #CCC;
}

#reserv_box #reserv_box_right .reserv_girls {
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	overflow:hidden;
	font-size: 16px;
	border-bottom: dotted 1px #CCC;
}

#reserv_box #reserv_box_right .reserv_time {
	float:left;
	width:100%;
	height:40px;
	overflow:hidden;
	font-size: 16px;
	line-height:40px;
	border-bottom: dotted 1px #CCC;
}


#reserv_box #reserv_box_right .err_box {
	width:100%;
	height:auto;
	margin: 0;
}

#reserv_box #reserv_box_right .err_box p {
	color:#F00;
	margin: 5px 0;
}


#reserv_box #reserv_box_right .contact_box {
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin: 5px 0;
}

#reserv_box #reserv_box_right .contact_box .item {
	float:left;
	width:100%;
	height:auto;
	padding-right: 10px;
}

#reserv_box #reserv_box_right .contact_box .item span {
	font-size:12px;
	color:#F00;
}

#reserv_box #reserv_box_right .contact_box .box {
	float:left;
	width:100%;
	height:auto;
	line-height:45px;
}

#reserv_box #reserv_box_right .contact_box .free_box {
	float:left;
	width:100%;
	height:auto;
}

input.res_name, input.res_mail, input.res_tel { 
	border:0;
	padding:10px;
	font-size:14px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:80%;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea.res_txt { 
	border:0;
	padding:10px;
	font-size:14px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:100%;
	height: 70px;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#reserv_box #reserv_box_right .contact_button {
	clear:both;
	float:left;
	width: 100%;
	margin:10px 0;
	text-align:left;
}


#reserv_box #reserv_box_right .contact_button input.submit_button {
    padding: 15px 40px;
    font-size: 14px;
	margin-top: 5px;
    background-color: #000;
    color: #fff;
    border-style: none;
	cursor:pointer;
}

#reserv_box #reserv_box_right .contact_button input.submit_button:hover {
    opacity: 0.7;
}

#reserv_box #reserv_box_right .come {
	clear:both;
	float:left;
	width: 100%;
	margin:10px 0;
	font-size:12px;
}

@media screen and (max-width: 770px) {
	#reserv_box #reserv_box_left {
		width:100%;
	}
	
	#reserv_box #reserv_box_right {
		width:100%;
	}

	input.res_name, input.res_mail, input.res_tel { 
		width:100%;
	}

}



/* -------------------------------------------------
     contact
 --------------------------------------------------- */

#contact_box {
	width:100%;
	height:auto;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	border:solid 1px #ccc;
	box-sizing:border-box;
	overflow:hidden;	
}

#contact_box .err_box {
	width:100%;
	height:auto;
	margin: 0;
}

#contact_box .err_box p {
	color:#F00;
	margin: 5px 0;
}

#contact_box .contact_box {
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin: 5px 0;
}

#contact_box .contact_box .item {
	float:left;
	width:30%;
	height:45px;
	text-align:right;
	line-height:40px;
	padding-right: 10px;
	box-sizing:border-box;
}

#contact_box .contact_box .item span {
	font-size:12px;
	color:#F00;
}

#contact_box .contact_box .box {
	float:left;
	width:70%;
	height:45px;
	line-height:45px;
}

#contact_box .contact_box .free_box {
	float:left;
	width:70%;
	height:auto;
	line-height:35px;
}

input.con_name, input.con_mail, input.con_tel { 
	border:0;
	padding:10px;
	font-size:14px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:80%;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea.con_txt { 
	border:0;
	padding:10px;
	font-size:14px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	width:80%;
	height: 150px;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contact_box .contact_button {
	clear:both;
	float:left;
	width: 100%;
	margin:10px 0;
	text-align:center;
}


#contact_box .contact_button input.submit_button {
    padding: 15px 40px;
    font-size: 14px;
	margin-top: 5px;
    background-color: #000;
    color: #fff;
    border-style: none;
	cursor:pointer;
}

#contact_box .contact_button input.submit_button:hover {
    opacity: 0.7;
}

@media screen and (max-width: 770px) {

	#contact_box .contact_box .item {
		width:100%;
		height:auto;
		text-align:left;
		line-height: normal;
		padding-right: 0px;
	}

	#contact_box .contact_box .box {
		width:100%;
		height:auto;
	}

	#contact_box .contact_box .free_box {
		width:100%;
	}

	input.con_name, input.con_mail, input.con_tel { 
		width:100%;
	}
	
	textarea.con_txt { 
		width:100%;
	}


}


/* -------------------------------------------------
     send
 --------------------------------------------------- */
#send_box {
	width:100%;
	height:auto;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	border:solid 1px #ccc;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
}