@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/

.title {
font-size: 2.5em;
text-align: center;
color: #009600;
}
@media screen and (max-width: 799px) {
	.title {
	font-size: 2em;
	}
}

/*-----------------------------------------------
  available
-----------------------------------------------*/
#available {
padding: 110px 4% 60px 4%;
text-align: center;
}
#available .inner {
max-width: 640px;
margin: auto;
}
#available .tel strong {
font-size: 1.5em;
font-weight: 400;
}
#available .date {
margin: 1.5em 0 0.5em 0;
font-size: 1.25em;
}
#available .facility {
padding: 30px 0;
border-top: 2px solid #CCC;
}
#available .facility:last-child {
border-bottom: 2px solid #CCC;
}
#available .facility h2 {
font-size: 2em;
font-weight: 400;
line-height: 1.2;
text-align: center;
color: #19BEBE;
}
#available .facility h2 small {
font-size: 0.875em;
}
#available .facility .available {
margin-top: 0.25em;
font-size: 1.5em;
}
#available .facility .available .number {
display: inline-block;
width: 1.5em;
font-size: 1.5em;
text-align: right;
}
#available .available_date {
margin-top: 0.5em;
font-size: 1.25em;
}
#available .facility1 h2 {
color: #D778B4;
}
#available .facility2 h2 {
color: #19BE40;
}
#available .facility3 h2 {
color: #19BEFF;
}
#available .facility3 li {
padding: 0.25em 0;
border-top: 1px solid #CCC;
}
@media screen and (max-width: 799px) {
	#available {
	padding: 8% 4%;
	}
	#available .facility {
	padding: 4% 0;
	}
	#available .facility h2 {
	font-size: 1.5em;
	}
	#available .facility .available {
	font-size: 1.25em;
	}
}