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

#main * {
	box-sizing:border-box;
}

h1.tit {
	margin-bottom:22px;
	text-align:center;
	letter-spacing:.1em;
}
h1.tit img {
	display:inline-block;
	width:auto;
	height:44px;
}
section.location {
	margin:0 15px;
	padding-top:25px;
	color:#69584D;
	font-size:12px;
}
section.location p {
	line-height:1.8;
}
section.location p.read {
	margin-bottom:1em;
	text-align:center;
	line-height:1.6;
}
section.location p.read strong {
	display:block;
	margin-bottom:.4em;
	font-weight:normal;
	font-size:2em;
	line-height:1.2;
}

#location section.location {
	padding:2.5em 0;
	border-bottom:solid 1px rgba(105,88,77,.5);
}
#location section.location:last-of-type {
	border-bottom:none;
}
#location h2 {
	margin-bottom:.7em;
	font-weight:500;
	font-size:1.7em;
	text-align:center;
	letter-spacing:.1em;
}
#location h2 span {
	display:block;
	margin-top:.3em;
	font-size:.7em;
}
#location section.location p {
	font-size:.9em;
}
#location section.location div.img {
	margin-bottom:1.2em;
}
#location #lighting_plan div.img {
	margin:3em auto 2em;
}
.loc_img1 {
    margin: 2% auto 10%;
    width: 100%;
}
.loc_img1:first-child {

}
.facility_box {
	position: relative;
    width: 100%;
    background: #FBFBFB;
    padding: 10% 5%;
}
.f_box {
    float: left;
    width: 32%;
    min-height: 290px;
	margin: 0 auto 2%;
    max-width: 200px;
}
.f_box:nth-child(3n+3) {
    margin: 0 5%;
}
#location section.location p.ttl_h {
    max-width: 319px;
    margin: auto;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
}
.f_info_box {
    background: #FEFEFE;
    box-shadow: 2px 2px 4px 1px #949393;
    padding: 5px 10px;
     min-height: 135px;
}
.subbox.clr {
    background: #FBFBFB;
    padding: 0% 5%;
    margin: 0 auto 10%;
}
.f_name {
    padding-left: 1em;
    text-indent: -1em;
	font-weight: bold;
    text-align: center;
}
#location section.location p.f_name {
	font-size:1em;
}
.wolk {
	font-size:90%;
}
#location section.location p.f_info.f_info.f_info_sub.gothic {
    width: 80%;
    margin: 0 auto;
    font-size: 0.8em;
}
#location section.location p.f_wolk {
	font-size: 0.8em;
    text-align: center;
    margin: 2% auto;
}
#location section.location p.f_info {
    font-size: 0.7em;
    letter-spacing: -0.8px;
}
.ex_info_.nsj {
    text-align: right;
}
.sub_list {
    float: left;
    width: 48%;
}
.sub_list:first-child {
	margin:0 4% 0 0;
}
.facility_subbox {
	width:100%;
}
.facility_subbox h3 {
    border-bottom: 2px solid #a29790;
    padding-bottom: 10px;
}
.facility_subbox .f_list {
	width:100%;
	margin:4% 0;
}
.facility_subbox .f_list th {
	text-align: left;
	font-weight:normal;
	font-size:90%;
	padding:0 0 3%;
	width:180px;
}
.facility_subbox .f_list td.min span {
/*	font-size:85%;*/
}
.facility_subbox .f_list td {
	text-align: right;
	font-size:90%;
}
.facility_subbox .f_list .fs80 {
	font-size:85%;
}
.facility_subbox .f_list .ls1 {
	letter-spacing:-.1em;
}
.facility_subbox .f_list td.min {
    width: 80px;
}
/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .facility_subbox .f_list th {
    width:60%;
  }
}
#main {
	position:relative;
	z-index:1000;
}
#spred div.zoom_btn {
background: url(../img/plan/zoom_btn_pc.png) no-repeat 0 0;
    bottom: 17px;
    height: 87px;
    position: absolute;
    right: 28px;
    width: 86px;
    z-index: 5;
}
.loc_img1 img:hover {
	cursor: zoom-in;
}
#location section#spred {
    position: relative;
    z-index: 4;
}
#location section#spred p.loc_img1 {
    margin: 0% auto 10%;
    position: relative;
    width: 100%;
}
.tab_ban {
    z-index: 2000;
}
.zoom-img-wrap img {
    width: 1000px;
}
.facility_subbox h3 {
    max-width: 323px;
}
@media screen and (min-width: 768px) {
	section.location p.ttl_loc {
	    max-width: 217px;
	    margin: 0 auto 2%;
	}
	#spred div.zoom_btn a {
		display:block;
		width:100%;
		height:100%;
	}
	.pc_none {
		display:none;
	}
	
	section.location {
		width:770px;
		margin:0 auto;
		padding-top:45px;
		font-size:14px;
	}
	
	h1.tit {
		margin-bottom:55px;
		text-align:center;
	}
	h1.tit img {
		height:79px;
	}
	section.location p.read {
		margin-bottom:50px;
		line-height:2;
	}
	section.location p.read strong {
		font-size:2.4em;
	}
	
	#location section.location {
		position:relative;
		min-height:324px;
		margin:0 0 1em;
		padding:0px;
		border:none;
	}
	#location section.location:nth-of-type(2n) {
/*		padding-right:450px;
		padding-left:18px;
*/
	}
	#location section.location div.img {
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:458px;
		margin:0;
	}
	#location section.location:nth-of-type(2n) div.img {
		right:0;
		left:auto;
	}
#location section#spred p.loc_img1 div {
    z-index: 10;
}
	#location h2 {
		position:relative;
		z-index:3;
		font-size:1.7em;
		text-align:left;
	}
	#location h2 {
		margin-top:.5em;
	}
	#location section.location p {
		position:relative;
		font-size:0.8em;
	}

	#location #spred div.img {
		left:-39px;
	}
	#location #planting {
		padding-top:3.5em;
	}
	#location #planting  div.img {
		right:-20px;
	}
	#location #retaining_walls {
		padding:5em 0 0 450px;
	}
	#location #retaining_walls div.img {
		left:-20px;
	}
	#location #wind {
		min-height:360px;
		margin-top:-2em;
		padding-top:6.5em;
	}
	#location #wind div.img {
		right:-100px;
		width:570px;
	}
	#location #lighting_plan {
		min-height:260px;
		margin:3em 0 2em;
		padding-top:3.5em;
	}
	#location #lighting_plan div.img {
		left:-20px;
		margin:0;
	}
	#location #approach {
		padding-right:390px;
		padding-top:5em;
	}
	#location #approach div.img {
		right:-30px;
	}
	
	body.location footer .foot_top {
		position:relative;
		z-index:100;
	}

}
@media (max-width: 767px) {
	.loc_img1 {
	    float: none;
	    width: 100%;
	    margin: 0 auto 4%;
	}
	#location section.location {
		padding: 1em 0 1em;
	    border-bottom: none;
	    position: relative;
	}
	.f_box {
	    float: left;
	    width: 46%;
	    min-height: auto;
	    margin: 0 auto 4%;
	}
	.f_box:nth-child(3n+2) {
	    margin: 0 ;
	}
	.f_box:nth-child(2n+1) {
	    margin: 0 4% 4%;
	}
	.sub_list {
	    float: none;
	    width: 100%;
	}
	.sub_list:first-child {
	    margin: 0 auto 0;
	}
	#spred div.zoom_btn {
		position:absolute;
	    bottom: 50px;
	    right: 10px;
	    overflow: hidden;
	    width: 30px;
		height:40px;
		border-radius:50%;
		background:url(../img/location/zoom_btn.png) no-repeat center;
		background-size:contain;
		z-index: 1001;
	}
	#spred .loc_img1 > img {
	    margin: 0 auto;
	    width: 80%;
	}
	.facility_subbox .f_list th {
	    width: 50%;
	}
	#spred .loc_img1 > img {
	    margin: 0 auto;
	    width: 94%;
	    padding: 0;
	}
	#spred div.zoom_btn a {
	    width: 100%;
	    height: 100%;
	    display: block;
	}
	section#location {
	    width: 100%;
	    margin: 0 auto;
	}
	section#facility {
	    margin: 0 auto;
	}
	.f_info_box {
	    box-shadow: none;
	    background: #FBFBFB;
	    min-height:auto;
	}
	#location section.location p.f_info {
	    display: none;
	}
	.f_name {
	    text-align: left;
	}
	#location section.location p.f_wolk {
	    text-align: left;
	}
	#location section.location p.f_info.f_info.f_info_sub.gothic {

	}
	.f_info_box {
	    padding: 5px 0px;
	}
	.f_box:nth-child(2n+1) {
	    margin: 0 1.5% 3%;
	}
	.f_box:nth-child(3n+3) {
	    margin: 0 1.5% 3%;
	}
	.f_box {
	    float: left;
	    width: 46%;
		min-height: auto;
	    margin: 0 1.5% 3%;
	}
	.f_box:nth-child(3n+2) {
	    margin: 0 1.5% 3%;
	}
	#location section.location p.f_info.f_info.f_info_sub.gothic {
	    width: 100%;
	    font-size: 1.1em;
	}
	#location section.location p.f_name {
	    font-size: 1.2em;
	}
	#location section.location p.f_wolk {
	    font-size: 1.1em;
	}
	.facility_box p.ttl_h img {
	    width: 310px;
	    text-align: center;
	    margin: 0 auto;
	}
	section#spred h2.ttl img {
	    max-width: 230px;
	    display: inline-block;
	}
	p.loc_img1 {
		width: 90%;
		margin: 0 auto;
		background: #fff;
		padding: 5% 0;
	}
	section#spred.location.sp h2.ttl {
	    position: relative;
	    z-index: 5;
	}
	#location section#spred p.loc_img1 {
	    max-width: 380px;
	}
	.zoom-img-wrap {
	    z-index: 10;
	    position: relative;
	}
	#location section#spred p.loc_img1 {
	    z-index: auto;
	}
	#location section#spred p.loc_img1 {
	    margin: 0% auto 10%;
	    position: relative;
	    width: 100%;
	    z-index: 4;
	}
	.facility_subbox h3 {
	    max-width: 100%;
	    width: 100%;
	}
	.facility_subbox h3 img {
	    max-width: 323px;
	}
	p.ttl_loc {
	    max-width: 217px;
	    margin: 2% auto 1%;
	}
	#spred div.zoom_btn a {
	    width: 100%;
	    height: 40px;
	    display: block;
	    z-index: 100;
	}
	#location section.location p.f_info.f_info.f_info_sub.gothic {
	    display: none;
	}
}