@charset "UTF-8";


/* -------------------------------------
facilities common
------------------------------------- */
#area {
	margin-bottom:40px;
}
#area #gmap {
	width:100%;
	height:550px;
	margin-bottom:35px;	
}
#area .sblk {
	width:95%;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:2px dotted #ccc;
	box-sizing:border-box;
}
#area ul li {
	width:25%;
	float:left;
	padding:0 0 0 23px;
	margin-bottom:25px;
	background:url(../imgs/common/icon_zoom.png) no-repeat left center;
	background-size:17px auto;
	box-sizing:border-box;
}
#area ul li a {
	font-size:1.8em;
	line-height:1.2;
	color:#1d5aa4;
	text-decoration:underline;
	display:inline-block;
}
#area ul li a span {
	font-size:0.8em;
	display:block;
	padding-top:5px;
}

.blk #summer .sttl {
	color:#fe574d;
}
.blk #winter .sttl {
	color:#6e96ca;
}

.searchttl {
	font-size:1.8em;
	font-weight:normal;
	color:#1d5aa4;
	text-align:center;
	margin-bottom:15px;
}
.searchttl span {
	padding:0 0 0 23px;
	background:url(../imgs/common/icon_zoom.png) no-repeat left center;
	background-size:17px auto;
	box-sizing:border-box;	
}

#nofacilities {
	text-align:center;
	padding:50px;
	margin-bottom:20px;
}

/* -------------------------------------
index
------------------------------------- */
#facilities h2, #search h2, #post h2  {
	margin-bottom:55px;
}


/* -------------------------------------
search
------------------------------------- */
/*#search h3 {
	font-size:1.8em;
	font-weight:normal;
	color:#1d5aa4;
	text-align:center;
	margin-bottom:15px;
}
#search h3 span {
	padding:0 0 0 23px;
	background:url(../imgs/common/icon_zoom.png) no-repeat left center;
	background-size:auto 85%;
	box-sizing:border-box;	
}*/
#search .bg_gray {
	padding:50px 0;
}
#search #gmap {
	width:100%;
	height:400px;
	margin-bottom:35px;
}

#search_conditions {
	margin-bottom:20px;
	background-color:#999999;
	border:1px solid #999999;
	box-sizing:border-box;
}
#search_conditions dt {
	font-size:1.6em;
	line-height:18px;
	color:#fff;
	text-align:center;
	letter-spacing:0.2em;
	width:155px;
	padding:10px 0;
	float:left;
	clear:left;
	box-sizing:border-box;
}
#search_conditions dd {
	font-size:1.8em;
	font-weight:bold;
	line-height:18px;
	margin-left:155px;
	padding:10px 10px;
	background-color:#fff;
	box-sizing:border-box;
}
.placelist {
	display:flex;
	flex-wrap:wrap;
}
.placelist li {
	width:31.4%;
	float:left;
	margin-right:2.9%;
	margin-bottom:35px;
}
.placelist li:nth-child(3n) {
	margin-right:0;
}
.placelist li .placeimg {
	width:100%;
	height:200px;
	margin-bottom:10px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.placelist li h4 {
	width:100%;
	display:table;
	margin-bottom:10px;
}
.placelist li h4 a {
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:0 6px;
	background-color:#6e96ca;
	border-radius:4px;
	box-sizing:border-box;
}
.placelist li h4 a span {
	display:inline-block;
	padding:6px 0 6px 23px;
	box-sizing:border-box;
	background:url(../imgs/facilities/search/arrow_place.png) no-repeat left center;
	background-size:16px auto;
}

.placelist li ul.icon li {
	width:21.1%;
	margin-right:5.2%;
	margin-bottom:10px;
	background-color:#fe574d;
	border-radius:6px;
}
.placelist li ul.icon li:nth-child(4n) {
	margin-right:0;
}
.placelist li ul.icon li a {
	display:block;
}
.placelist li ul.icon li a img {
	width:85%;
	height:auto;
	display:block;
	padding:8% 0;
	margin:0 auto;
	box-sizing:border-box;
}



/* -------------------------------------
post
------------------------------------- */
#post h1 {
	margin-bottom:40px;
}
#post #mainimg {
	width:100%;
	height:540px;
	display:block;
	margin-bottom:25px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#post #icon {
	font-size:0;
	text-align:center;
	margin-bottom:50px;
}
#post #icon li {
	font-size:14px;
	width:6.6%;
	display:inline-block;
	margin:0 0.8% 1.5% 0.8%;
	background-color:#fe574d;
	border-radius:6px;
}
#post #icon li a {
	display:block;
}
#post #icon li img {
	width:85%;
	height:auto;
	padding:8% 0;
}

#post .sblk {
	padding:40px 0;
}
#post .sblk h2 {
	font-size:2.4em;
	text-align:center;
	margin-bottom:26px;
	padding-top:65px;
	background-repeat:no-repeat;
	background-position:center top;
}
#post .sblk#place_info h2 {
	color:#6e96ca;
	background-image:url(../imgs/facilities/post/icon1.png);
	background-size:51px auto;
}
#post .sblk#place_price h2 {
	color:#9ea917;
	background-image:url(../imgs/facilities/post/icon2.png);
	background-size:42px auto;
}
#post .sblk#place_fac h2 {
	color:#756ece;
	background-image:url(../imgs/facilities/post/icon3.png);
	background-size:42px auto;
}
#post .sblk#place_access h2 {
	color:#009f84;
	background-image:url(../imgs/facilities/post/icon4.png);
	background-size:42px auto;
}

#post .sblk#place_price {
	background-color:#faf5ef;
}
#post .sblk#place_access {
	background-color:#e1f1eb;
}

.sblk dl {
	width:100%;
	display:table;
	margin-bottom:15px;
}
.sblk dl dt, .sblk dl dd {
	line-height:25px;
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	box-sizing:border-box;
}
.sblk dl dt {
	font-size:1.6em;
	text-align:center;
	width:155px;
}
.sblk dl dd {
	font-size:1.8em;
	margin-left:155px;
}

.sblk#place_info dl {
	background-color:#6e96ca;
	border:1px solid #6e96ca;
}
.sblk#place_info dl dt {
	color:#fff;
}
.sblk#place_info dl dd {
	background-color:#fff;
}

.sblk#place_price dl {
	background-color:#f2f2e5;
	border:1px solid #9ea917;
}
.sblk#place_price dl dt {
	font-weight:bold;
	border-right:1px solid #9ea917;
}
.sblk#place_price dl dd {
	background-color:#faf5ef;
}

.sblk#place_fac dl {
	background-color:#eae6f6;
	border:1px solid #756ece;
}
.sblk#place_fac dl dt {
	font-weight:bold;
	border-right:1px solid #756ece;
}
.sblk#place_fac dl dd {
	background-color:#fff;
}

.sblk#place_access dl {
	background-color:#dcefe9;
	border:1px solid #009f84;
}
.sblk#place_access dl dt {
	font-weight:bold;
	border-right:1px solid #009f84;
}
.sblk#place_access dl dd {
	background-color:#e1f1eb;
}


#place_access #gmap {
	width:100%;
	height:400px;
	margin-bottom:35px;
}

.notfac {text-align:center;}
@media screen and (max-width:1000px) {
	#area .sblk {
		width:100%;
	}
	#area ul li a {
		font-size:1.7em;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	.searchttl {
		font-size:1.7em;
	}
	#search #gmap {
		height:350px;
	}
	.placelist li h4 a {
		font-size:1.7em;
	}
	
	
	/* -------------------------------------
	post
	------------------------------------- */
	#post #mainimg {
		height:480px;
	}
	#post .sblk h2 {
		font-size:2.2em;
		padding-top:60px;
	}
	#post .sblk#place_info h2 {
		background-size:46px auto;
	}
	#post .sblk#place_price h2 {
		background-size:37px auto;
	}
	#post .sblk#place_fac h2 {
		background-size:37px auto;
	}
	#post .sblk#place_access h2 {
		background-size:37px auto;
	}
	
	.sblk dl dt, .sblk dl dd {
		line-height:23px;
	}
	.sblk dl dt {
		font-size:1.5em;
	}
	.sblk dl dd {
		font-size:1.7em;
	}
	#place_access #gmap {
		height:350px;
	}
	
	
}
@media screen and (max-width:768px) {
	#area #gmap {
		height:350px;
	}
	#area ul li {
		width:33%;
	}
	#area ul li a {
		font-size:1.6em;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	.searchttl {
		font-size:1.6em;
	}
	#search #gmap {
		height:300px;
	}
	.placelist li {
		width:48%;
		margin-right:4%;
	}
	.placelist li:nth-child(3n) {
		margin-right:4%;
	}
	.placelist li:nth-child(even) {
		float:right;
		margin-right:0;
	}
	.placelist li h4 a {
		font-size:1.6em;
	}
	.placelist li ul.icon li:nth-child(even){
		float:left;
		margin-right:5.2%;
	}
	.placelist li ul.icon li, .placelist ul.icon li:nth-child(3n) { 
		margin-right:5.2%;
	}
	.placelist li ul.icon li:nth-child(4n) {
		margin-right:0;
	}
	
	
	/* -------------------------------------
	post
	------------------------------------- */
	#post #mainimg {
		height:400px;
	}
	#post #icon li {
		width:10%;
	}
	
	#post .sblk h2 {
		font-size:2.0em;
		padding-top:55px;
	}
	#post .sblk#place_info h2 {
		background-size:41px auto;
	}
	#post .sblk#place_price h2 {
		background-size:32px auto;
	}
	#post .sblk#place_fac h2 {
		background-size:32px auto;
	}
	#post .sblk#place_access h2 {
		background-size:32px auto;
	}
	
	.sblk dl dt, .sblk dl dd {
		line-height:21px;
	}
	.sblk dl dt {
		font-size:1.4em;
	}
	.sblk dl dd {
		font-size:1.6em;
	}
	#place_access #gmap {
		height:300px;
	}
}
@media screen and (max-width:640px) {

	#area ul li {
		width:50%;
	}
	#area ul li a {
		font-size:1.5em;
	}
	
	/* -------------------------------------
	search
	------------------------------------- */
	.searchttl {
		font-size:1.5em;
	}
	#search #gmap {
		height:250px;
	}
	.placelist li h4 a {
		font-size:1.5em;
	}
	
	
	/* -------------------------------------
	post
	------------------------------------- */
	#post #mainimg {
		height:350px;
	}
	#post #icon li {
		width:13%;
	}
	
	#post .sblk h2 {
		font-size:1.8em;
		padding-top:50px;
	}
	#post .sblk#place_info h2 {
		background-size:36px auto;
	}
	#post .sblk#place_price h2 {
		background-size:27px auto;
	}
	#post .sblk#place_fac h2 {
		background-size:27px auto;
	}
	#post .sblk#place_access h2 {
		background-size:27px auto;
	}
	
	.sblk dl {
		display:block;
	}
	.sblk dl dt, .sblk dl dd {
		line-height:20px;
		display:block;
	}
	.sblk dl dt {
		font-size:1.4em;
		width:100%;
	}
	.sblk dl dt br {
		display:none;
	}
	.sblk dl dd {
		font-size:1.5em;
		margin-left:0;
	}
	#place_access #gmap {
		height:250px;
	}
}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:320px) {
	/* -------------------------------------
	search
	------------------------------------- */
	#search #gmap {
		height:200px;
	}
	
	
	/* -------------------------------------
	post
	------------------------------------- */
	#post #mainimg {
		height:300px;
	}
	#post #icon li {
		width:15%;
	}
	
	
	#post .sblk h2 {
		font-size:1.7em;
	}
	#place_access #gmap {
		height:200px;
	}
}