@charset "UTF-8";

body.loading {
	background: #fff url(/shimizugaoka-pool/files/loading.gif) 50% 50vh no-repeat;
	background-size: 50px 50px;
	background-attachment: fixed;
}
body:not(#home) #header {
	border-bottom: 4px solid #0062ac;
	background: #fff url(/shimizugaoka-pool/files/header_bg.png) 100% 0 no-repeat;
}
#header h1 a {
	background: url(/shimizugaoka-pool/files/header_title.png) 0 0 no-repeat;
	margin: 0 0 -1px;
	width: 551px;
	height: 42px;
	display: block;
	text-indent: 120%;
	overflow: hidden;
	white-space: nowrap;
}



#contents aside #sNav li.formalities a {
	background-position: 50% 16px;
	padding-top: 72px !important;
}
#contents aside .inquiry .tel strong {
	padding: 0 5px 0 0;
}



#footer {
	background: #3b71ca;
	margin: 170px 0 0;
	position: relative;
	color: #fff;
}
#footer::before {
	background: url(/shimizugaoka-pool/files/footer_img.png) 0 0 no-repeat;
	width: 213px;
	height: 188px;
	position: absolute;
	top: -148px;
	left: calc(50% + 284px);
	content: "";
}



#home #header .wf {
	padding: 178px 0 0;
	width: 100%;
	height: 422px;
}
#home #header #title {
	position: relative;
	z-index: 10;
}
#home #header h1 a {
	background: url(/shimizugaoka-pool/files/home_header_title.png) 0 0 no-repeat;
	margin: 0 auto 38px;
	width: 756px;
	height: 417px;
}
#home #header p {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1;
}

#home #image,
#home #image.fade picture {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#home #image img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: 50% 100%;
}

#home #pickup {
	background: #fbfdc5;
}



#facility #contents article picture.photo {
	border-radius: 10px;
	margin: 0 0 35px;
	display: block;
	overflow: hidden;
}



#formalities #contents article table {
	text-align: center;
}
#formalities #contents article table.pool thead th {
	padding: 20px 0;
}
#formalities #contents article table.pool tbody th {
	width: 30%;
}
#formalities #contents article table.pool tbody td {
	width: 35%;
}
#formalities #contents article table.locker tbody th {
	width: 35%;
}
#formalities #contents article table.locker tbody td {
	width: 65%;
}



#access #contents article picture.map {
	border-radius: 15px;
	margin: 0;
	height: auto;
	overflow: hidden;
}



#contents article #parking {
	border-radius: 10px;
	background: #e1ecd8;
	margin: 0 0 40px;
	padding: 30px 30px 22px;
}
#contents article #parking .ttl {
	background: url(/parks/shimizugaoka/images/parking_ico_ttl.png) 0 50% no-repeat;
	background-size: 22px;
	margin: 0 0 30px;
	padding: 1px 0 1px 30px;
	text-indent: 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	color: #555;
}
#contents article #parking .ttl::before {
	content: none;
}
#contents article #parking .cf {
	margin: 0 0 25px;
}
#contents article #parking section {
	border-radius: 10px;
	background: #fff;
	padding: 15px 30px;
	width: 164px;
	float: left;
}
#contents article #parking section + section {
	margin: 0 0 0 24px;
}
#contents article #parking section .sttl {
	border: none;
	background: none;
	margin: 12px 0 0;
	padding: 0;
	float: left;
	font-weight: normal;
	font-size: 18px;
	white-space: nowrap;
}
#contents article #parking section p {
	width: 60px;
	float: right;
}
#contents article #parking section p img {
	width: 100%;
	height: auto;
}