.area-reservation-form {
	width: 90%;
	max-width:640px;
	margin:85px auto;
}
.area-reservation-form h1{
	font-size: 3rem;
	margin-bottom:1em;
	text-align:center;
}
.area-reservation-explain {
	margin-bottom: 5em;
	text-align:center;
}
.reservation-item {
	display:flex;
	margin-bottom:1em;
	line-height:2;
}
.reservation-item >p:first-child{
	width:200px;
	min-width:200px;
}
.reservation-item >p:first-child:after{
	display:inline-block;
	content:'莉ｻ諢�';
	color:#fff;
	background-color:#ccc;
	padding:0.25em 0.5em;
	border-radius:0.25em;
	line-height:1;
	margin-left:0.5em;
	font-size:0.9em;
}
.reservation-item >p:last-child{
	width:calc(100% - 200px);
}
.reservation-item.reservation-item-required > p:first-child:after{
	content:'蠢���';
	background-color:#be0027;
}
.reservation-item input[type="text"]{
	padding:0.5em;
	border-radius:0.2em;
	margin:0.25em 0;
	min-width:4em;
	font-size:100%;
}
.reservation-item select,
.reservation-item textarea {
	padding:0.5em 0.25em;
	border-radius:0.2em;
	margin:0.25em 0;
	border:solid 1px #ccc;
	font-size:100%;
}
.reservation-item select{
	min-width:4em;
}
.reservation-item textarea {
	width:90%;
}

.reservation-submit {
	text-align:center;
	margin-top:2em;
}
.area-reservation-form input[type="submit"] {
	padding: 1rem 4rem;
	font-size:1.5rem;
	color: #fff;
	background-color: #1e88e5;
	border-color: #1e88e5;
	cursor: pointer;
	border-radius: 0.35rem;
}
@media screen and (max-width: 768px)    {

	.area-reservation-form h1{
		font-size: 2rem;
	}
	.reservation-item {
		display:block;
		margin-bottom:0;
		border-top:solid 1px #ddd;
		padding:2em 0;
	}
	.reservation-item >p:first-child{
		width:100%;
		min-width:initial;
		font-size:1.2em;
		margin-bottom:1em;
	}
	.reservation-item >p:last-child{
		width:100%;
	}
}