@charset "UTF-8";

/* --------------------------------------------------------------------------------------------------------------------------------------------
 * STYLE
 * -------------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .search-btn i {margin:14px 0 0;} /* IE11 */
}

@media all and (-ms-high-contrast:none){
	.search-btn i {margin:14px 0 0;} /* IE10 */
}



/*
.search-btn i {
	margin:14px 0 0;
}

*/

.single-spot h3 {
	margin:0 0 10px !important;
	padding:0 0 10px !important;
}

.e-read {
	-webkit-transform:none;
	transform:none;
}

.l-key_visual {
	width:100%;
	height:400px;
	background:#888;
	position:relative;
}

.l-key_visual .e-title {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.container {
	width:100%;
	max-width:none;
	padding:0 !important;
}


@media screen and (max-width:989px) {
	.container {
		width:100%;
		max-width:989px;
	}
	.container > section.l-spot-detail-main {
		width:100%!important;
		padding: 0 20px;
		box-sizing: border-box;
	}
}


/*
.row-0 > div {
	width:50% !important;
	float:none !important;
	top:80px !important;
}
*/

#sticky_item {
	height:100%;
	padding:80px 0 0;
}

.is_stuck {
	width:50% !important;
	height:100%;
	top:0 !important;
	bottom:0 !important;
	position:fixed;
}

.archive-spot .google-maps-builder-wrap {
	height:100%;
}

.archive-spot .google-maps-builder {
	height:100% !important;
}

.googlemap-iframe-wrap {
  position: relative;
  padding: 0 0 100%;
  height: 0;
  overflow:hidden;
}

.googlemap-iframe-wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.row-0 > div:nth-child(1) {
	position:absolute;
}

.l-facility-list {
	padding:80px 0 0 50% !important;
}
@media screen and (max-width:989px) {
	.l-facility-list {
		padding:80px 0 0 0 !important;
	}
}

.l-facility-list-parent {
	border-bottom:1px solid rgba(0,0,0,.1);
}

.l-facility-list-item {
	font-family: 'Roboto', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	width:100%;
	border-top:1px solid rgba(0,0,0,.1);
	position:relative;
}

.l-facility-list-item:before {
	content:'';
	color:#fff;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	font-size:14px;
	font-style:italic;
	text-align:center;
	width:36px;
	height:36px;
	padding:3px 4px 0 0;
	display:inline-block;
	border-radius:50%;
	background: url(../images/global/today-info-bg-01.png);
	position:absolute;
	top:13px;
	right:40px;
	z-index:10;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

.l-facility-list-item:hover:before {
	color:#9d8863;
	background:#fff;
}

.l-facility-list-item:nth-child(1):before { content:'1'; }
.l-facility-list-item:nth-child(2):before { content:'2'; }
.l-facility-list-item:nth-child(3):before { content:'3'; }
.l-facility-list-item:nth-child(4):before { content:'4'; }
.l-facility-list-item:nth-child(5):before { content:'5'; }
.l-facility-list-item:nth-child(6):before { content:'6'; }
.l-facility-list-item:nth-child(7):before { content:'7'; }
.l-facility-list-item:nth-child(8):before { content:'8'; }
.l-facility-list-item:nth-child(9):before { content:'9'; }
.l-facility-list-item:nth-child(10):before { content:'10'; }
.l-facility-list-item:nth-child(11):before { content:'11'; }
.l-facility-list-item:nth-child(12):before { content:'12'; }
.l-facility-list-item:nth-child(13):before { content:'13'; }
.l-facility-list-item:nth-child(14):before { content:'14'; }
.l-facility-list-item:nth-child(15):before { content:'15'; }
.l-facility-list-item:nth-child(16):before { content:'16'; }
.l-facility-list-item:nth-child(17):before { content:'17'; }
.l-facility-list-item:nth-child(18):before { content:'18'; }
.l-facility-list-item:nth-child(19):before { content:'19'; }
.l-facility-list-item:nth-child(20):before { content:'20'; }
.l-facility-list-item:nth-child(21):before { content:'21'; }
.l-facility-list-item:nth-child(22):before { content:'22'; }
.l-facility-list-item:nth-child(23):before { content:'23'; }
.l-facility-list-item:nth-child(24):before { content:'24'; }
.l-facility-list-item:nth-child(25):before { content:'25'; }
.l-facility-list-item:nth-child(26):before { content:'26'; }
.l-facility-list-item:nth-child(27):before { content:'27'; }
.l-facility-list-item:nth-child(28):before { content:'28'; }
.l-facility-list-item:nth-child(29):before { content:'29'; }
.l-facility-list-item:nth-child(30):before { content:'30'; }

.toilet .l-facility-list-item:before {
	content: none;
}

.l-facility-list-item .e-link {
	color:#000;
	text-decoration:none;
	width:100%;
	min-height:160px;
	padding:20px 40px 20px 160px;
	display:block;
	position:relative;
	-webkit-transform:none;
	transform:none;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

.l-facility-list-parent .light .e-link {
	min-height:100px;
	padding:20px 40px 20px 0;
}

.l-facility-list-item .e-link:hover {
	color:#fff;
	background:#888;
}

.l-facility-list-item .e-title {
	font-size:24px;
	line-height:1.25;
	letter-spacing:.1em;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	display:inline-block;
}

.l-facility-list-item .e-image {
	width:120px;
	height:120px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:40px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

.l-facility-list-parent .light .e-image {
	width:80px;
	height:80px;
	top:8px;
	left:13px;
}

.l-facility-list-item .e-link:hover .e-image {
	-webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,.5);
	box-shadow: 0 0 50px 0 rgba(255,255,255,.5);
}

.l-facility-list-item .e-image img {
	width:100%;
	height:auto;
}

.l-facility-list-item .e-desc {
	line-height:1.75;
	padding:0 0 15px 20px;
	display:inline-block;
}

.l-facility-list-item .e-desc p {
	margin:0;
}

.l-facility-list-item .e-button {
	font-size:12px;
	text-align:right;
	width:100%;
	display:inline-block;
}

.l-facility-list-item .e-button .e-button-inner {
	padding:7px 10px;
	border:1px solid rgba(0,0,0,.1);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

.l-facility-list-item .e-link:hover .e-button .e-button-inner {
	color:#000;
	border-color:#fff;
	background:#fff;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------
 * DETAIL
 * -------------------------------------------------------------------------------------------------------------------------------------------- */
.container-field {
	padding-top:70px !important;
}

.postcat {
	display:none;
}

.l-spot-detail-title {
	padding-bottom:40px;
}

.l-spot-detail-title .e-spot-title {
	margin:0;
	padding:80px 0 20px;
}

@media screen and (max-width:989px) {
	.l-spot-detail-title .e-spot-title {
		border-bottom:4px solid #000;
	}
}


.l-spot-detail-title ruby {
	font-size:42px;
	letter-spacing:.2em;
	padding:0 40px 10px;
	border-bottom:4px solid #000;
	position:relative;
}

@media screen and (max-width:989px) {
	.l-spot-detail-title ruby {
		padding:0 10px 10px;
		border-bottom:none;
	}
}

.l-spot-detail-title ruby:before {
	content:'';
	width:1px;
	height:100%;
	background:rgba(0,0,0,.25);
	position:absolute;
	bottom:-5px;
	left:-20px;
}


.l-spot-detail-title ruby:after {
	content:'';
	width:1px;
	height:100%;
	background:rgba(0,0,0,.25);
	position:absolute;
	bottom:-5px;
	right:-20px;
}

@media screen and (max-width:989px) {
	.l-spot-detail-title ruby:before {
		display: none;
		opacity: 0;
	}


	.l-spot-detail-title ruby:after {
		display: none;
		opacity: 0;
	}
}

.l-spot-detail-title rt {
	color:#888;
	font-size:13px;
}

.l-spot-detail-title figure {
	padding:10px 0 20px;
}

.l-spot-detail-title figure img {
	margin:0 5px;
}

.l-spot-detail-main {
	background:url(../images/global/footer-banner-bg-01.png);
}


.l-spot-detail-main .e-image {
	height:600px;
	background:url(../images/global/pattern-grenn-01.png);
	overflow:hidden;
	position:relative;
}

/*
.l-spot-detail-main .e-image:before {
	content: '';
	width: 120px;
	height: 120px;
	margin-right:-660px;
	display: inline-block;
	background: url(../images/global/illust-01.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 60px;
	right: 50%;
	opacity: .5;
	z-index:10;
}

.l-spot-detail-main .e-image:after {
	content: '';
	width: 80px;
	height: 80px;
	margin-right:-680px;
	display: inline-block;
	background: url(../images/global/illust-02.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 20px;
	right: 50%;
	opacity: .5;
	z-index:10;
}
*/

.l-spot-detail-main .e-image br {
	display:none;
}

.l-spot-detail-main .e-image img {
	width:1140px;
	height:auto;
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.l-spot-detail-data {
	width:100%;
	margin:30px 0;
	padding:0 30px;
	display:table;
}

.l-spot-detail-data .e-highlight {
	width:33.333%;
	padding:0 30px 30px 30px;
	display:table-cell;
}

.l-spot-detail-data .e-information {
	width:33.333%;
	padding:0 30px 30px 30px;
	display:table-cell;
	border-left:1px solid rgba(0,0,0,.2);
	border-right:1px solid rgba(0,0,0,.2);
}

.l-spot-detail-data .e-information .btn.btn-info {
	font-size:14px;
	font-weight:700;
	letter-spacing:.05em;
	width:100%;
	margin:0 0 10px;
	padding:10px 0;
	-webkit-transform:none;
	transform:none;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
    color:#fff;
}

.l-spot-detail-data .e-traffic {
	width:33.333%;
	padding:0 30px 30px 30px;
	display:table-cell;
}

.l-spot-detail-data .e-title {
	font-size:1.8rem;
	font-weight:400;
	text-align:center;
	letter-spacing:.25em;
	margin:0 0 20px;
	padding:45px 15px 15px 15px;
	border-bottom:2px solid #000;
	-webkit-transform:none;
	transform:none;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:30px auto;
}

.l-spot-detail-data .e-highlight .e-title {
	background-image: url('/park/uploads/2017/03/spot-icon01.png');
}

.l-spot-detail-data .e-information .e-title {
	background-image: url('/park/uploads/2017/03/info-icon01.png');
}

.l-spot-detail-data .e-traffic .e-title {
	background-image: url('/park/uploads/2017/03/bus-icon01.png');
}

.l-spot-detail-data .e-highlight .e-read {
	font-size:1.2rem;
	line-height:2.25;
	letter-spacing:.15em;
	margin:0 0 10px;
	-webkit-transform:none;
	transform:none;
}

.l-spot-detail-data .e-information .e-contact {
	background:rgba(0,0,0,.05);
}

.l-spot-detail-data .e-information .e-contact-title {
	line-height:1;
	margin:0;
	padding:15px;
	background:rgba(0,0,0,.1);
}

.l-spot-detail-data .e-information .e-contact-item {
	line-height:1;
	padding:15px;
}

.l-spot-detail-data .e-information .e-contact-item .e-link {
	font-size:1.6rem;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
}

.l-spot-detail-data .e-traffic .e-traffic-list {
	border-top:1px solid rgba(0,0,0,.1);
}

.l-spot-detail-data .e-traffic .e-traffic-list-item {
	line-height:1.5;
	padding:15px;
	border-bottom:1px solid rgba(0,0,0,.1);
}

.l-map {
	width:100%;
	margin:0 0 120px;
	position:relative;
	height:0;
	padding:40% 60px 0 60px;
}
.l-map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.e-map {
	width:100%;
	height:400px;
}

.l-spot-photo {
	margin:0;
	padding:60px 0;
	background:url(../images/global/footer-bg-01.png);
}

.l-spot-photo-title {
	text-align:center;
	margin:0 0 60px;
	padding:0 !important;
	position:relative;
}

.l-spot-photo-title .e-title {
	color:#fff;
	font-size:36px;
	font-weight:400;
	letter-spacing:.2em;
	padding:0 40px 10px;
	border-bottom:3px solid rgba(255,255,255,.15);
}

.l-spot-photo ul {
	text-align: center;
	letter-spacing:-.4em;
	padding:0 60px;
}

.l-spot-photo ul li {
	letter-spacing:0;
	vertical-align:top;
	width:33.333%;
	padding:0 4px 8px;
	display:inline-block;
}

.l-spot-photo ul li figure {
	position:relative;
}

.l-spot-photo ul li figure figcaption {
	color: rgba(255,255,255,.85);
	font-size:12px;
	line-height:1.35;
	text-align: left;
	width:100%;
	padding:10px;
	background:rgba(0,0,0,.75);
	position:absolute;
	bottom:0;
}

.l-spot-page-list {
	width:100%;
	margin:0 auto;
	padding:120px 0;
	background: url(../images/global/footer-banner-bg-01.png);
}

.l-spot-page-list ul {
	letter-spacing:-.4em;
	width:1140px;
	margin:0 auto;
}

.l-spot-page-list ul li {
	line-height:1;
	letter-spacing:0;
	vertical-align:top;
	margin:0;
	padding:2px;
	border:0;
	display:inline-block;
	float:none;
}

.l-spot-page-list ul li p {
	-webkit-transform:none;
	transform:none;
}

.l-spot-page-list ul li a {
	color:#000;
	vertical-align:top;
	width:100%;
	height:100%;
	min-height:80px;
	display:block;
	background:#fff;
	border:1px solid #f1f1f1;
	position:relative;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

.l-spot-page-list ul li a:hover {
	color:#fff;
	background:#888;
	border-color:#888;
}

.l-spot-page-list ul li img {
	width:auto;
	height:50px;
	position:absolute;
	top:15px;
	left:15px;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.l-spot-page-list ul li:hover img {
	-webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,.5);
	box-shadow: 0 0 50px 0 rgba(255,255,255,.5);
}

.l-spot-page-list ul li b {
	font-family: 'Roboto', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	font-size:18px;
	padding:20px 0 0 80px;
	display:inline-block;
	transform:rotate(0.05deg);
}

.l-spot-page-list ul li b small {
	font-size:11px;
}

.pagenation {
	text-align:center;
	padding:60px 0;
}

.pagenation span {
	font-family: 'Roboto', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

.pagenation span:nth-child(1) {
	border-right:1px solid #ddd;
}

.pagenation span a {
	color:#000;
	font-size:18px;
	font-weight:900;
	padding:5px 20px;
}

.pagenation span.oldpage:before {
	content:'PREV';
	font-size:10px;
	letter-spacing:.15em;
	display:inline-block;
	padding:0 10px;
}

.pagenation span.newpage:after {
	content:'NEXT';
	font-size:10px;
	letter-spacing:.15em;
	display:inline-block;
	padding:0 10px;
}









/* --------------------------------------------------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * -------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:989px) {
	
.row-0 > div:nth-child(1) {
	position:relative;
}

.google-maps-builder-wrap {
	height:400px;
}

.l-facility-list-item:before {
	width:30px;
	height:30px;
	padding-top:1px;
	top:15px;
	right:15px;
}

.l-facility-list-item .e-link {
	padding:20px 20px 20px 120px;
}

.l-facility-list-item .e-image {
	width:100px;
	height:100px;
	top:20px;
	left:20px;
}

.l-facility-list-item .e-title {
	font-size:20px;
}

.l-facility-list-item .e-desc {
	font-size:12px;
	line-height:1.5;
}

.l-facility-list-item .e-button {
	font-size:10px;
}





/* --------------------------------------------------------------------------------------------------------------------------------------------
 * DETAIL
 * -------------------------------------------------------------------------------------------------------------------------------------------- */
.container-field {
	padding-top: 150px !important;
}

.container-field .row {
	margin-right:0;
	margin-left:0;
}

.container-field .row .col-md-12 {
	padding:0;
}

.l-spot-detail-title {
	padding:0;
}

.l-spot-detail-title .e-spot-title {
	padding:60px 0 20px;
}

.l-spot-detail-title ruby {
	font-size:18px;
	letter-spacing:0;
}

.l-spot-detail-title ruby rt {
	font-size:12px;
}
	
	

.l-spot-detail-main .e-image {
	height:auto;
}

.l-spot-detail-main .e-image img {
	width:100%;
	position:relative;
	top:auto;
	left:auto;
	-webkit-transform:none;
	transform:none;
}

.l-spot-detail-data {
	padding:0 15px;
	display:block;
}

.l-spot-detail-data .e-highlight {
	width:100%;
	margin:0 0 60px;
	padding:0;
	display:block;
}

.l-spot-detail-data .e-information {
	width:100%;
	margin:0 0 60px;
	padding:0;
	display:block;
	border:0;
}

.l-spot-detail-data .e-traffic {
	width:100%;
	margin:0 0 60px;
	padding:0;
	display:block;
}

.l-spot-detail-data .e-title {
	font-size:1.6rem;
	margin:0 0 10px;
	padding: 30px 10px 10px 10px;
	background-size: 20px auto;
}

.l-spot-detail-data .e-highlight .e-read {
	font-size:14px;
	line-height:2;
}

.l-map {
	margin:0 0 60px;
	padding:75% 15px 0 15px;
}

.l-spot-photo-title .e-title {
	font-size:18px;
}

.l-spot-photo ul {
	text-align:left;
	padding:0 15px;
}

.l-spot-photo ul li {
	width:100%;
	margin:0 0 10px;
}

.l-spot-photo ul li figure figcaption {
	font-size:11px;
	text-align:left;
	position:relative;
	bottom:auto;
	left:auto;
}

.l-spot-page-list {
	padding:60px 15px;
}

.l-spot-page-list ul {
	width:100%;
}

.l-spot-page-list ul li {
	width:100%;
	display:block;
}

.l-spot-page-list ul li img {
	top:10px;
	left:10px;
}

.l-spot-page-list ul li a {
	min-height:70px;
}

.l-spot-page-list ul li b {
	font-size:16px;
	padding:10px 0 0 70px;
}

.pagenation span a {
	font-size:14px;
}


}