@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : facilities.css
 author     : Ability Consultant
 style info : 施設案内
=================================================================== */
.con_fac .box_wide:after {
	content: "";
	display: table;
	clear: both;
}

#bg_page {
	background-image: url(../facilities/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../facilities/images/bg_title-sp.jpg);
	}
}

.pagenav {
	border-right: none;
}

@media only screen and (max-width: 767px) {
	.pagenav {
		border-left: none;
	}
}

.pagenav ul li {
	width: 25%;
	margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
	.pagenav ul li {
		width: 50%;
		margin-bottom: 0;
	}
}

.pagenav ul li:nth-child(4), .pagenav ul li:last-child {
	border-right: 1px solid #cccccc;
}

.con_fac .box_wide .shop_img {
	float: left;
	margin-bottom: 30px;
}

.con_fac .box_wide .shop_txt {
	float: left;
	width: 557px;
	margin: 80px 0 0 50px;
}

@media only screen and (max-width: 767px) {
	.con_fac .box_wide .shop_txt {
		width: 95%;
		margin: 0;
		margin-bottom: 30px;
	}
}

.con_fac .box_wide .trailer .box_content {
	overflow: visible !important;
}

.con_fac .box_wide .trailer .box_content .btn_basic {
	text-align: center !important;
	margin-top: 1em !important;
	margin-bottom: 0.3em !important;
}

.con_fac .box_wide .txt_att {
	margin-bottom: 2em;
}

.con_fac .anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}

/* -----------------------------------------------------------
	その他
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.box_multi_sec {
		margin-bottom: 80px !important;
	}
}

@media only screen and (max-width: 767px) {
	.box_multi_sec #lnk_grnd_golf {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.box_multi_sec #lnk_arena {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.box_multi_sec #lnk_arena {
		margin-bottom: 60px;
	}
}

/* -----------------------------------------------------------
	施設案内MAP
----------------------------------------------------------- */
.con_map {
	margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_map {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_map {
		margin-bottom: 2em;
	}
}

.con_map .box_container .img_wrp {
	position: relative;
	width: 65%;
	max-width: 1140px;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_map .box_container .img_wrp {
		min-width: 740px;
	}
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp {
		width: 95%;
	}
}

.con_map .box_container .img_wrp .img_map {
	width: 100%;
}

.con_map .box_container .img_wrp .btn_wrp a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.con_map .box_container .img_wrp .btn_wrp .btn_01 {
	left: 27.60417%;
	top: 33.12789%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_01 {
		left: 25.42857%;
		top: 33.33333%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_02 {
	left: 4.27083%;
	top: 35.20801%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_02 {
		left: 1%;
		top: 34.36214%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_03 {
	left: 77.08333%;
	top: 91.21726%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_03 {
		left: 78%;
		top: 92.18107%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_04 {
	transform: rotate(-45deg);
	left: 74.21875%;
	top: 67.79661%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_04 {
		left: 76.42857%;
		top: 69.95885%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_05 {
	transform: rotate(-45deg);
	left: 83.33333%;
	top: 77.81202%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_05 {
		left: 84.28571%;
		top: 78.1893%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_06 {
	left: 25.83333%;
	top: 26.34823%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_06 {
		left: 23.85714%;
		top: 22.63374%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_07 {
	left: 53.125%;
	top: 24.49923%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_07 {
		left: 53.57143%;
		top: 26.33745%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_08_1 {
	left: 45.20833%;
	top: 39.59938%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_08_1 {
		left: 44.14286%;
		top: 38.88889%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_08_2 {
	left: 44.73958%;
	top: 27.58089%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_08_2 {
		left: 43.71429%;
		top: 26.13169%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_08_3 {
	transform: rotate(30deg);
	left: 60.9375%;
	top: 43.52851%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_08_3 {
		left: 61.42857%;
		top: 39.50617%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_08_4 {
	transform: rotate(30deg);
	left: 54.42708%;
	top: 50.84746%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_08_4 {
		left: 54.14286%;
		top: 48.14815%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_09 {
	transform: rotate(-40deg);
	left: 67.70833%;
	top: 56.31741%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_09 {
		left: 67.57143%;
		top: 57.61317%;
	}
}

.con_map .box_container .img_wrp .btn_wrp .btn_10 {
	left: 35.72917%;
	top: 36.97997%;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .btn_wrp .btn_10 {
		left: 34.14286%;
		top: 36.00823%;
	}
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .img_wrp .view_pc_tab {
		display: none;
	}
}

@media only screen and (min-width: 767px) {
	.con_map .box_container .img_wrp .view_sp {
		display: none;
	}
}

.con_map .box_container .caution {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.con_map .box_container .caution {
		font-size: 86%;
	}
}

/* -----------------------------------------------------------
	スマホ「テニス」「グラウンド（多目的広場）」位置調整
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.link-t-a {
		position: relative;
		top: 600px;
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	.link-t-b {
		position: relative;
		top: 550px;
		display: block;
	}
}

/*# sourceMappingURL=../maps/facilities.css.map */