/*==================================================
home
==================================================*/
/* h-kv
-----------------------------------------------*/
.h-kv {
	position: relative;
}
#kv {
	padding: 45.62% 0 0;
	border-radius: 2.5%;
}
.h-kv .btn-scroll {
	position: absolute;
	bottom: 40px;
	left: -35px;
	font-size: 14px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.h-kv .btn-scroll span {
	position: relative;
	padding: 0 0 75px;
}
.h-kv .btn-scroll span::after {
	position: absolute;
	content: "";
	background: #000;
	top: 50px;
	left: 15px;
	width: 1px;
	height: 65px;
	animation: scroll 1.5s infinite;
  -webkit-animation: scroll 1.5s infinite;
  -moz-animation: scroll 1.5s infinite;
}
@keyframes scroll {
	0% {
		height: 0;
	}
	100% {
		opacity: 0;
		height: 65px;
	}
}
@-webkit-keyframes scroll {
	0% {
		height: 0;
	}
	100% {
		opacity: 0;
		height: 65px;
	}
}
@-moz-keyframes scroll {
	0% {
		height: 0;
	}
	100% {
		opacity: 0;
		height: 65px;
	}
}
	@media screen and (max-width:1000px) {
		.h-kv .btn-scroll {
			display: none;
		}
	}
	@media screen and (max-width:768px) {
		#kv {
			padding: 135% 0 0;
		}
	}

/* h-event
-----------------------------------------------*/
.h-event {
	padding: 60px 0 0;
}
.h-event .inner {
	padding: 0 0 50px;
}
.h-event .ttl .en {
	max-width: 233px;
	width: 38.8%;
}
.h-event ul {
	width: 1100px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.h-event li {
	display: inline-block;
	width: 244px;
	margin: 0 41px 30px 0;
	text-align: center;
	letter-spacing: 0.1em;
}
.h-event li:nth-child(4n) {
	margin-right: 0;
}
.h-event li a {
	display: block;
}
.h-event li figure {
	position: relative;
	margin: 0 0 34px;
	text-align: center;
}
.h-event li figure::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	-webkit-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
}
	.h-event li.event-onsen figure::after {
		background: #fff url(/common/img/icn_onsen.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
	.h-event li.event-camp figure::after {
		background: #fff url(/common/img/icn_camp.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
	.h-event li.event-tourism figure::after {
		background: #fff url(/common/img/icn_tourism.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
.h-event li figure img {
	width: 100%;
}
.h-event li time {
	position: relative;
	font-size: 13px;
	z-index: 1;
}
.h-event li p {
	font-size: 15px;
	padding: 5px 0 0;
}
.h-event .btn-past {
	position: absolute;
	display: block;
	top: 75px;
	left: 50%;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-align: center;
	width: 230px;
	margin-left: 306px;
	border: 1px solid #ccc;
	border-radius: 25px;
	padding: 10px 0;
}
.h-event .btn-past:hover {
	background: #ffff7f;
}
.h-event .sec-icon .icn01 {
	left: 50%;
	margin-top: 20px;
	margin-left: -628px;
}
.h-event .sec-icon .icn02 {
	right: 50%;
	margin-top: -14px;
	margin-right: -614px;
}
	@media screen and (max-width:1400px) {
		.h-event .sec-icon .icn01 {
			margin-left: -48%;
		}
		.h-event .sec-icon .icn02 {
			margin-right: -45%;
		}		
	}
	@media screen and (max-width:1300px) {
		.h-event ul {
			width: 90%;
		}
		.h-event li {
			width: 22.5%;
			margin: 0 3.33% 3% 0;
		}
		.h-event .btn-past {
			position: static;
			margin: 0 auto;
		}
	}
	@media screen and (max-width:1000px) {
		.h-event li {
			width: 31.1%;
			margin: 0 3.33% 4% 0;
		}
		.h-event li:nth-child(4n) {
			margin-right: 3.33%;
		}
		.h-event li:nth-child(3n) {
			margin-right: 0;
		}
		.h-event li p {
			padding: 0;
		}
		.h-event .btn-past {
			margin: 4% auto 0;
		}
	}
	@media screen and (max-width:768px) {
		.h-event {
			padding: 14% 0 0;
		}
		.h-event .inner {
			padding: 0 0 10%;
		}
		.h-event ul {
			width: 88.33%;
		}
		.h-event li {
			width: 48%;
			margin: 0 3.9% 6% 0;
			text-align: left;
			vertical-align: top;
		}
		.h-event li:nth-child(4n),
		.h-event li:nth-child(3n) {
			margin-right: 3.9%;
		}
		.h-event li:nth-child(2n) {
			margin-right: 0;
		}
		.h-event li p {
			font-size: 14px;
		}
		.h-event .sec-icon .icn01 {
			width: 18%;
			margin-top: 2%;
			margin-left: -48%;
		}
		.h-event .sec-icon .icn02 {
			width: 6%;
			margin-top: -3%;
			margin-right: -44%;
		}
	}
	@media screen and (max-width:480px) {
		.h-event li figure {
			margin: 0 0 28px;
		}
		.h-event li figure::after {
			width: 60px;
			height: 60px;
		}
		.h-event li.event-onsen figure::after,
		.h-event li.event-camp figure::after,
		.h-event li.event-tourism figure::after {
			background-size: auto 38px;
		}
		.h-event li time {
			font-size: 12px;
		}
		.h-event li p {
			font-size: 13px;
		}
	}

/* h-news
-----------------------------------------------*/
.h-news {
	padding: 15px 0 0;
}
.h-news .ttl h2::after {
	background: #fb8e90;
}
.h-news ul {
	max-width: 886px;
	margin: 0 auto;
}
.h-news li {
	display: table;
	background: #fff;
	width: 100%;
	border: 1px solid #999;
	border-radius: 5px;
}
.h-news li + li {
	margin: 10px 0 0;
}
.h-news ul time {
	display: table-cell;
	border-right: 2px solid #b8b8b8;
	width: 207px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding: 15px 0;
}
.h-news ul .txt-wrap {
	display: table-cell;
	padding: 20px 10px 15px 30px;
	line-height: 140%;
}
.h-news li h3 {
	font-weight: 700;
}
.h-news li h3 +p {
	margin: 10px 0 0;
}
.h-news li p + p {
	margin: 10px 0 0;
}
.home .h-news li .txt-wrap a {
	color: #2693ff;
	text-decoration: underline;
}
	@media (min-width:768px) and (max-width:9999px) {
		.h-news ul .txt-wrap h3 {
			font-size: 15px;
		}
		.h-news ul .txt-wrap p {
			font-size: 14px;
		}
	}
	@media screen and (max-width:768px) {
		.h-news {
			padding: 2.5% 0 0;
		}
		.h-news li {
			display: block;
			border-radius: 10px;
		}
		.h-news ul time {
			display: block;
			width: 100%;
			border-right: none;
			border-bottom: 1px solid #999;
			padding: 3% 0;
		}
		.h-news ul .txt-wrap {
			display: block;
			padding: 30px 5%;
		}
	}
	@media screen and (max-width:480px) {
		.h-news ul .txt-wrap {
			padding: 20px 5%;
		}
	}

/* h-enjoy
-----------------------------------------------*/
.h-enjoy .inner {
	padding: 0 0 90px;
}
.h-enjoy .ttl .en {
	max-width: 294px;
	width: 49%;
}
.h-enjoy .slider ul {
	padding: 0 0 30px;
}
.h-enjoy .slider li {
	width: auto;
}
.h-enjoy .link-nav {
	overflow: hidden;
	width: 1100px;
	margin: 23px auto 0;
}
.h-enjoy .link-nav li {
	float: left;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-right: 40px;
}
.h-enjoy .link-nav li:nth-child(3n) {
	margin-right: 0;
}
.h-enjoy .link-nav li h3 {
	margin: 0 0 8px;
}
.h-enjoy .link-nav li h3 span {
	display: inline-block;
	padding-right: 10px;
}
.h-enjoy .link-nav figure {
	position: relative;
}
.h-enjoy .link-nav li figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	opacity: 0;
	transition: all .3s;
}
.h-enjoy .link-nav figure:hover figcaption {
	opacity: 1;
}
.h-enjoy .link-nav figcaption span {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
	@media screen and (max-width:1300px) {
		.h-enjoy .inner {
			padding: 0 0 7.5%;
		}
		.h-enjoy .link-nav {
			width: 90%;
		}
		.h-enjoy .link-nav li {
			width: 32%;
			margin-right: 2%;
		}
		.h-enjoy .link-nav li img {
			width: 100%;
		}
	}
	@media screen and (max-width:1000px) {
		.h-enjoy .swiper-container {
			width: 91.6%;
		}
		.h-enjoy .swiper-container img {
			width: 100%;
		}
		.h-enjoy .link-nav li {
			width: 47%;
			margin: 0 6% 2% 0;
		}
		.h-enjoy .link-nav li:nth-child(3n) {
			margin-right: 6%;
		}
		.h-enjoy .link-nav li:nth-child(2n) {
			margin-right: 0;
		}
		.h-enjoy .link-nav li:last-child {
			margin-bottom: 0;
		}
	}
	@media screen and (max-width:768px) {
		.h-enjoy .link-nav li {
			margin-bottom: 40px;
		}
		.h-enjoy .link-nav li figcaption {
			position: relative;
			top: auto;
			left: auto;
			margin-top: 10px;
			padding: 10px 0;
			font-size: 15px;
			background: none;
			opacity: 1;
		}
		.h-enjoy .link-nav figcaption span {
			position: relative;
			top: auto;
			left: auto;
			webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
		}
	}
	@media screen and (max-width:640px) {
		.h-enjoy .link-nav {
			margin: 5.8% auto 0;
		}
		.h-enjoy .link-nav li {
			float: none;
			width: 100%;
		}
		.h-enjoy .link-nav li h3 {
			font-size: 30px;
		}
	}
	@media screen and (max-width:480px) {
		.h-enjoy .link-nav li h3 {
			font-size: 24px;
		}
		.h-enjoy .slider .swiper-pagination-bullet {
			width: 13px;
			height: 13px;
		}
	}
	@media screen and (max-width:375px) {
		.h-enjoy .link-nav li h3 {
			font-size: 18px;
		}
	}

/* h-holiday */
.h-holiday {
	padding: 80px 0 0;
}
.h-holiday .link-nav li:nth-child(1) h3 {
	color: #e3ab00;
}
.h-holiday .link-nav li:nth-child(2) h3 {
	color: #052d41;
	letter-spacing: 0;
}
.h-holiday .link-nav li:nth-child(3) h3 {
	color: #85b200;
}
.h-holiday .link-nav li:nth-child(1) h3 img {
	width: 71px;
	height: 60px;
}	
.h-holiday .link-nav li:nth-child(2) h3 img {
	width: 80px;
	height: 60px;
}
.h-holiday .link-nav li:nth-child(3) h3 img {
	width: 58px;
	height: 60px;
}
.h-holiday .link-nav li:nth-child(1) figcaption {
	background: rgba(227,171,0,0.8);
}
.h-holiday .link-nav li:nth-child(2) figcaption {
	background: rgba(5,45,65,0.8);
}
.h-holiday .link-nav li:nth-child(3) figcaption {
	background: rgba(133,178,0,0.8);
}
.h-holiday .sec-icon .icn01 {
	left: 50%;
	margin-top: 38px;
	margin-left: -519px;
}
.h-holiday .sec-icon .icn02 {
	left: 50%;
	margin-top: 92px;
	margin-left: -388px;
}
.h-holiday .sec-icon .icn03 {
	right: 50%;
	margin-top: 106px;
	margin-right: -383px;
}
.h-holiday .sec-icon .icn04 {
	right: 50%;
	margin-top: -32px;
	margin-right: -524px;
}
	@media screen and (max-width:1200px) {
		.h-holiday .sec-icon .icn01 {
			margin-left: -48%;
		}
		.h-holiday .sec-icon .icn02 {
			margin-left: -35%;
		}
		.h-holiday .sec-icon .icn03 {
			margin-right: -35%;
		}
		.h-holiday .sec-icon .icn04 {
			margin-right: -48%;
		}
	}
	@media screen and (max-width:1000px) {
		.h-holiday .link-nav li:nth-child(1) h3 img,
		.h-holiday .link-nav li:nth-child(2) h3 img,
		.h-holiday .link-nav li:nth-child(3) h3 img {
			width: auto;
			height: 45px;
			padding: 0;
		}	
	}
	@media screen and (max-width:768px) {
		.h-holiday {
			padding: 16.6% 0 0;
		}
		.h-holiday .sec-icon .icn01 {
			width: 9.8%;
			margin-top: 0;
			margin-left: -50%;
		}
		.h-holiday .sec-icon .icn02 {
			width: 11.5%;
			margin-top: 66.6%;
			margin-left: -50%;
		}
		.h-holiday .sec-icon .icn03 {
			width: 15%;
			margin-top: 60.6%;
			margin-right: -42%;
		}
		.h-holiday .sec-icon .icn04 {
			width: 8.5%;
			margin-top: 17.6%;
			margin-right: -45.6%;
		}		
	}
	@media screen and (max-width:640px) {
		.h-holiday .link-nav li:nth-child(1) h3 img,
		.h-holiday .link-nav li:nth-child(2) h3 img,
		.h-holiday .link-nav li:nth-child(3) h3 img {
			width: 62px;
			height: auto;
		}	
	}
	@media screen and (max-width:480px) {
		.h-holiday .link-nav li:nth-child(1) h3 img,
		.h-holiday .link-nav li:nth-child(2) h3 img,
		.h-holiday .link-nav li:nth-child(3) h3 img {
			width: 50px;
			height: auto;
		}	
	}


/* h-eating */
.h-eating {
	padding: 100px 0 0;
}
.h-eating .link-nav li h3 span {
	height: 70px;
}
.h-eating .link-nav li:nth-child(1) h3 {
	color: #b28500;
}
.h-eating .link-nav li:nth-child(2) h3 {
	color: #698c00;
}
.h-eating .link-nav li:nth-child(3) h3 {
	color: #b25900;
}
.h-eating .link-nav li:nth-child(1) h3 img {
	width: 74px;
	height: 55px;
	padding: 14px 0 0;
}	
.h-eating .link-nav li:nth-child(2) h3 img {
	width: 67px;
	height: 70px;
}
.h-eating .link-nav li:nth-child(3) h3 img {
	width: 80px;
	height: 60px;
	padding: 8px 0 0;
}
.h-eating .link-nav li:nth-child(1) figcaption {
	background: rgba(178,133,0,0.8);
}
.h-eating .link-nav li:nth-child(2) figcaption {
	background: rgba(105,140,0,0.8);
}
.h-eating .link-nav li:nth-child(3) figcaption {
	background: rgba(178,89,0,0.8);
}
.h-eating .sec-icon .icn01 {
	left: 50%;
	margin-top: -30px;
	margin-left: -588px;
}
.h-eating .sec-icon .icn02 {
	left: 50%;
	margin-top: 95px;
	margin-left: -430px;
}
.h-eating .sec-icon .icn03 {
	right: 50%;
	margin-top: 37px;
	margin-right: -357px;
}
.h-eating .sec-icon .icn04 {
	right: 50%;
	margin-top: 1px;
	margin-right: -640px;
}
	@media screen and (max-width:1400px) {
		.h-eating .sec-icon .icn01 {
			margin-left: -45%;
		}
		.h-eating .sec-icon .icn02 {
			margin-left: -33%;
		}
		.h-eating .sec-icon .icn03 {
			margin-top: 76px;
			margin-right: -33%;
		}
		.h-eating .sec-icon .icn04 {
			margin-right: -49%;
		}
	}
	@media screen and (max-width:1000px) {
		.h-eating .link-nav li h3 span {
			height: auto;
		}
		.h-eating .link-nav li:nth-child(1) h3 img,
		.h-eating .link-nav li:nth-child(2) h3 img,
		.h-eating .link-nav li:nth-child(3) h3 img {
			width: auto;
			height: 45px;
			padding: 0;
		}	
	}
	@media screen and (max-width:768px) {
		.h-eating {
			padding: 15% 0 0
		}
		.h-eating .sec-icon .icn01 {
			width: 11.16%;
			margin-top: 17%;
			margin-left: -47.3%;
		}
		.h-eating .sec-icon .icn02 {
			width: 9.3%;
			margin-top: 60%;
			margin-left: -40%;
		}
		.h-eating .sec-icon .icn03 {
			width: 10.6%;
			margin-top: 23.6%;
			margin-right: -39%;
		}
		.h-eating .sec-icon .icn04 {
			width: 19.8%;
			margin-top: -1%;
			margin-right: -51.6%;
		}		
	}
	@media screen and (max-width:640px) {
		.h-eating .link-nav li:nth-child(1) h3 img,
		.h-eating .link-nav li:nth-child(2) h3 img,
		.h-eating .link-nav li:nth-child(3) h3 img {
			width: 62px;
			height: auto;
		}	
	}
	@media screen and (max-width:480px) {
		.h-eating .link-nav li:nth-child(1) h3 img,
		.h-eating .link-nav li:nth-child(2) h3 img,
		.h-eating .link-nav li:nth-child(3) h3 img {
			width: 50px;
			height: auto;
		}	
	}

/*==================================================
hotspring -  index
==================================================*/
.hotspring .cont-about .cont-inner .coution {
	margin: 10px auto 0;
	text-align: center;
}

/* cont-about02 */
.hotspring .cont-about02 .cont-inner {
	position: relative;
	max-width: 1060px;
}
.hotspring .cont-about02 ul {
	margin: 0 0 50px;
}
.hotspring .cont-about02 ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.hotspring .cont-about02 li {
	width: 48%;
	float: left;
}
.hotspring .cont-about02 li:nth-child(2n) {
	margin-left: 4%;
}
.hotspring .cont-about02 li img {
	width: 100%;
}
.hotspring .cont-about02 figcaption {
	padding: 15px 0 0;
	text-align: center;
}
.hotspring .cont-about02 .txt {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 30px;
}
.hotspring .cont-about02 .txt-note {
	margin: 0;
	color: #cc0000;
	font-size: 90%;
	text-align: center;
	line-height: 140%;
}
.hotspring .cont-about02 .sec-icon img {
	top: 35px;
	left: 45px;
	width: 119px;
}

	@media screen and (max-width:1200px) {
		.hotspring .cont-about02 .sec-icon img {
			top: 0;
			left: 0;
			width: 119px;
			margin-top: -8%;
		}
	}
	@media screen and (max-width:768px) {
		.hotspring .cont-about02 .sec-icon img {
			width: 20%;
		}
	}
	@media screen and (max-width:640px) {
		.hotspring .cont-about02 ul {
			margin: 0 0 20px;
		}
	}
	@media screen and (max-width:480px) {
		.hotspring .cont-about02 li {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.hotspring .cont-about02 li:nth-child(2n) {
			margin-left: 0;
		}
		.hotspring .cont-about02 figcaption {
			padding: 5px 0 0;
		}
		.hotspring .cont-about02 .txt-note {
			text-align: left;
		}
	}


/* cont-about03 */
.hotspring .cont-about03 .ttl {
	position: relative;
}
.hotspring .cont-about03 .sec-icon img {
	top: 45px;
	left: 50%;
	width: 207px;
	margin-left: 20%;
	z-index: 10;

}
.hotspring .cont-about03 .slider {
	margin: 0 0 40px;
}
.hotspring .cont-about03 .slider li img {
	width: 100%;
}
.hotspring .cont-about03 .txt {
	max-width: 850px;
	margin: 0 auto 35px;
}
	@media screen and (max-width:768px) {
		.hotspring .cont-about03 .slider {
			margin: 0 0 30px;
		}
		.hotspring .cont-about03 .sec-icon img {
			width: 25%;
			margin-left: 25%;
		}
	}

/* cont-price */
.hotspring .cont-price tbody td + td {
	text-align: center;
}

/* cont-facility
-----------------------------------------------*/
.hotspring .cont-facility ul {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
}
.hotspring .cont-facility ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.hotspring .cont-facility li {
	position: relative;
	width: 48%;
	float: left;
	margin: 0 1%;
}
.hotspring .cont-facility li figure {
	margin: 0 0 20px;
}
.hotspring .cont-facility li figure img {
	width: 100%;
}
.hotspring .cont-facility li figcaption {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 110px;
	height: 110px;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.hotspring .cont-facility li:first-child figcaption {
	color: #f25802;
}
.hotspring .cont-facility li:last-child figcaption {
	color: #b25900;
}
.hotspring .cont-facility li:last-child .icn {
	position: absolute;
	top: 0;
	right: -30px;
	width: 101px;
	max-width: 101px;
	margin-top: -10%;
}
.hotspring .cont-facility li figcaption span {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 120%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hotspring .cont-facility li .btn-base br {
	display: none;
}
	@media screen and (max-width:1050px) {
		.hotspring .cont-facility li figcaption {
			top: 3%;
			left: 3%;
		}
	}
	@media screen and (max-width:768px) {
		.hotspring .cont-facility li:last-child .icn {
			right: -3%;
			width: 40%;
			margin-top: -20%;
		}
		.hotspring .cont-facility li figcaption {
			width: 80px;
			height: 80px;
		}
	}
	@media screen and (max-width:640px) {
		.hotspring .cont-facility .cont-inner {
			padding: 0 0 5%;
		}
		.hotspring .cont-facility li .btn-base {
			height: auto;
			line-height: 110%;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.hotspring .cont-facility li figure {
			margin: 0 0 10px;
		}
		/*
		.hotspring .cont-facility li .btn-base br {
			display: block;
		}
		*/
	}
	@media screen and (max-width:480px) {
		.hotspring .cont-facility li {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.hotspring .cont-facility li:last-child .icn {
			width: 20%;
			margin-top: -10%;
		}
		.hotspring .cont-facility li .btn-base br {
			display: none;
		}
	}

/* cont-other
-----------------------------------------------*/
.hotspring .page-cont .cont-other {
	background: none;
}
.hotspring .cont-other .cont-inner {
	padding: 0;
}
.hotspring .cont-other p {
	text-align: center;
	font-size: 24px;
	line-height: 170%;
}
.hotspring .cont-other p .viewSp {
	display: none;
}
.hotspring .cont-other figure {
	position: relative;
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.hotspring .cont-other .icn {
	position: absolute;
	top: -70px;
	left: 20px;
	width: 79px;
}
.hotspring .cont-other .btn {
	text-align: center;
}
.hotspring .cont-other .btn a {
	display: inline-block;
	margin: 0 10px 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

	@media screen and (max-width:768px) {
		.hotspring .cont-other p .viewSp {
			display: block;
		}
		.hotspring .cont-other .icn {
			position: absolute;
			top: 0;
			left: 0;
			width: 15%;
			margin-top: -10%;
		}
	}
	@media screen and (max-width:640px) {
		.hotspring .cont-other p {
			font-size: 22px;
		}
	}
	@media screen and (max-width:480px) {
		.hotspring .cont-other p {
			font-size: 4.5vw;
		}
		.hotspring .cont-other .btn {
			margin: 20px 0 0;
		}
		.hotspring .cont-other .btn a {
			display: block;
			width: 100%;
			margin: 0 auto 10px;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
	}

/*==================================================
hotspring -  page
==================================================*/
.hotspring.meal .page-cont,
.hotspring.price .page-cont {
    margin-top: 100px;
}

/*page-meal
---------------------------------------------------------------------------------*/
.hotspring.meal .cont-inner02 {
	max-width: 860px;
	width: 90%;
	margin: 0 auto;
}
.hotspring.meal .txt-wrap {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 60px;
}
.hotspring.meal .page-cont h3 {
	margin: 0;
	font-weight: 300;
}
.hotspring.meal .page-cont h3 br {
	display: none;
}
.hotspring.meal .page-cont .subttl-en {
	text-align: center;
}
.hotspring.meal .page-cont .subttl-en span {
	position: relative;
}
.hotspring.meal .page-cont .subttl-en span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -50px;
	width: 40px;
	height: 1px;
	content: "";
	background: #333;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.hotspring.meal .page-cont .subttl-en span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -50px;
	width: 40px;
	height: 1px;
	content: "";
	background: #333;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
	@media screen and (max-width:640px) {
		.hotspring.meal .page-cont h3 br {
			display: block;
		}
		.hotspring.meal .txt-wrap {
			margin-bottom: 40px;
		}
	}

/* cont-okamean
-----------------------------------------------*/
.cont-okamean {
	padding-bottom: 90px;
}
.cont-okamean .cont-inner {
	max-width: 1060px;
}
.cont-okamean .img-wrap {
	position: relative;
}
.cont-okamean img {
	width: 100%;
}
.cont-okamean .img-wrap:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-okamean .img-wrap .img01 {
	width: 49.5%;
	float: left;
	margin-right: 1.5%;
}
.cont-okamean .img-wrap .img02 {
	width: 49%;
	float: left;
}
.cont-okamean .img-wrap .img02 li +li {
	margin-top: 2%;
}
.cont-okamean .icn01 {
	width: 134px;
	top: -16px;
	left: -44px;
}
.cont-okamean .icn02 {
	width: 144px;
	top: -154px;
	right: 75px;
}
.cont-okamean .slider02 {
	margin: 0 0 90px;
}
.cont-okamean .cont-inner02 figure {
	max-width: 750px;
	width: 100%;
	margin: 35px auto 0;
}
	@media screen and (max-width:1050px) {
	.cont-okamean .icn02 {
			right: 0;
		}
	}
	@media screen and (max-width:768px) {
		.cont-okamean .icn01 {
			width: 17%;
		}
		.cont-okamean .icn02 {
			width: 18%;
		}
	}
	@media screen and (max-width:640px) {
		.cont-okamean {
			padding-bottom: 5%;
		}
		.cont-okamean .slider02 {
			margin: 0 0 50px;
		}
		.cont-okamean .icn01 {
			left: -5%;
		}
		.cont-okamean .icn02 {
			top: -26%;
		}
	}
	@media screen and (max-width:415px) {
		.cont-okamean .img-wrap .img01 {
			width: 100%;
			float: none;
			margin-right: 0;
			margin-bottom: 2%;
		}
		.cont-okamean .img-wrap .img02 {
			width: 100%;
			float: none;
		}
		.cont-okamean .icn02 {
			top: -6%;
		}
	}

/* cont-farmgarden
-----------------------------------------------*/
.cont-farmgarden img {
	width: 100%;
}
.cont-farmgarden .img01 {
	position: relative;
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 70px;
}
.cont-farmgarden .img01:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-farmgarden .img01 li {
	float: left;
}
.cont-farmgarden .img01 li:first-child,
.cont-farmgarden .img01 li:nth-child(2) {
	width: 49%;
	margin-bottom: 2%;
}
.cont-farmgarden .img01 li:nth-child(2) {
	margin-left: 2%;
}
.cont-farmgarden .img01 li:nth-child(3),
.cont-farmgarden .img01 li:nth-child(4),
.cont-farmgarden .img01 li:nth-child(5) {
	width: 32%;
}
.cont-farmgarden .img01 li:nth-child(4),
.cont-farmgarden .img01 li:nth-child(5) {
	margin-left: 2%;
}
.cont-farmgarden .img02 {
	position: relative;
	max-width: 810px;
	width: 100%;
	margin: 0 auto 100px;
}
.cont-farmgarden .img03 {
	width: 203px;
	float: right;
	padding: 0 0 20px 60px;
}
.cont-farmgarden .icn01 {
	width: 67px;
	top: -20px;
	left: 20px;
}
.cont-farmgarden .icn02 {
	width: 106px;
	top: 235px;
	right: -30px;
}
.cont-farmgarden .icn03 {
	width: 76px;
	top: auto;
	bottom: -45px;
	left: 263px;
}
.cont-farmgarden .icn04 {
	width: 80px;
	top: auto;
	bottom: -11px;
	right: 287px;
}
.cont-farmgarden .icn05 {
	position: absolute;
	top: auto;
	bottom: -8px;
	right: -8px;
	width: 188px;
}
	@media screen and (max-width:1200px) {
		.cont-farmgarden .icn02 {
			top: 0;
		}
	}
	@media screen and (max-width:1050px) {
		.cont-farmgarden .icn01 {
			top: -20px;
			left: -5%;
		}
		.cont-farmgarden .icn02 {
			top:-30px;
			right: -5%;
		}
		.cont-farmgarden .icn03 {
			left: 20%;
		}
		.cont-farmgarden .icn04 {
			right: 20%;
		}
		.cont-farmgarden .icn05 {
			right: -10%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-farmgarden .icn01 {
			width: 12%;
		}
		.cont-farmgarden .icn02 {
			width: 16%;
			right: -10%;
		}
		.cont-farmgarden .icn03 {
			width: 11%;
			bottom: -10%;
		}
		.cont-farmgarden .icn04 {
			width: 10%;
			bottom: -12%;
		}
		.cont-farmgarden .icn05 {
			width: 30%;
		}
	}
	@media screen and (max-width:640px) {
		.cont-farmgarden .img02 {
			margin-bottom: 50px;
		}
		.cont-farmgarden .img03 {
			max-width: 203px;
			width: 50%;
			float: none;
			padding-left: 0;
			margin: 0 auto;
		}
	}
	@media screen and (max-width:415px) {
		.cont-farmgarden .img01 li {
			float: none;
		}
		.cont-farmgarden .img01 li:first-child,
		.cont-farmgarden .img01 li:nth-child(2) {
			width: 100%;
			margin-bottom: 2%;
		}
		.cont-farmgarden .img01 li:nth-child(2) {
			margin-left: 0;
		}
		.cont-farmgarden .img01 li:nth-child(3),
		.cont-farmgarden .img01 li:nth-child(4),
		.cont-farmgarden .img01 li:nth-child(5) {
			width: 100%;
			margin-bottom: 2%;
		}
		.cont-farmgarden .img01 li:nth-child(4),
		.cont-farmgarden .img01 li:nth-child(5) {
			margin-left: 0;
		}
		.cont-farmgarden .icn03 {
			bottom: -4%;
		}
		.cont-farmgarden .icn04 {
			bottom: -4%;
		}
	}

/*price
---------------------------------------------------------------------------------*/
	@media  (min-width:1051px) and (max-width:9999px) {
		.hotspring.price .cont-facility li {
			width: 31.333%;
		}
	}
	@media screen and (max-width:1050px) {
		.hotspring.price .cont-facility li {
			margin-bottom: 20px;
		}
	}

/*faq
---------------------------------------------------------------------------------*/
.hotspring.faq .cont-faq .box:nth-child(odd) {
    background: #fbf6e5;
}
.hotspring.faq .cont-faq h3 {
	color: #735600;
}
.hotspring.faq .cont-faq h3:before {
	background: url(/common/img/page/icn_faq02.png) no-repeat 0 0;
	background-size: contain; 
}

/*facility ( okamenoyu / farmgarden / okomenoyakata )
---------------------------------------------------------------------------------*/
.hotspring.facility .page-header .ttl {
	padding-top: 0;
}
.hotspring.facility .page-header .ttl h1:after {
	width: 0;
}
.hotspring.facility .page-header .ttl.ttl-line h1:after {
	width: 100%;
}
.hotspring.facility .category-nav {
	margin-bottom: 120px;
}
.hotspring.facility .page-cont h3 {
	margin: 0;
	font-weight: 300;
}
.hotspring.facility .page-cont h3 br {
	display: none;
}
.hotspring.facility .page-cont .subttl-en {
	text-align: center;
}
.hotspring.facility .page-cont .subttl-en span {
	position: relative;
}
.hotspring.facility .page-cont .subttl-en span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -50px;
	width: 40px;
	height: 1px;
	content: "";
	background: #333;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.hotspring.facility .page-cont .subttl-en span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -50px;
	width: 40px;
	height: 1px;
	content: "";
	background: #333;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.hotspring.facility p.txt {
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	@media screen and (max-width:768px) {
		.hotspring.facility .category-nav {
			margin: 0 0 15%;
		}
		.hotspring.facility .page-header .ttl h1 {
			display: block;
			max-width: 390px;
			width: 50%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width:640px) {
		.hotspring.facility .page-cont h3 br {
			display: block;
		}
	}

/* ----cont-about--------------------- */
.hotspring.facility .cont-about p {
	margin: 0;
}
.hotspring.facility .cont-about .sec-icon img {
	width: 119px;
	top: 60px;
	right: 125px;
}
	@media screen and (max-width:930px) {
		.hotspring.facility .cont-about .sec-icon img {
			right: 0
		}
	}
	@media screen and (max-width:768px) {
		.hotspring.facility .cont-about .sec-icon img {
			width: 20%;
			top: 0;
			right: 0;
		}
	}

/* ----cont-about02--------------------- */
.hotspring.facility .cont-about02 ul {
	margin: 0;
}
.hotspring.facility .cont-about02 li {
	width: 49%;
	margin-bottom: 2%;
}
.hotspring.facility .cont-about02 li:nth-child(2n) {
	margin-left: 2%;
}
.hotspring.facility .cont-about02 h4 {
	max-width: 860px;
	width: 100%;
	margin: 65px auto 10px;
	font-weight: 700;
}
.hotspring.facility .cont-about02 .btn-base {
	margin-top: 40px;
}
	@media screen and (max-width:480px) {
		.hotspring.facility .cont-about02 .btn-base {
			margin-top: 20px;
		}
	}
	@media screen and (max-width:480px) {
		.hotspring.facility .cont-about02 h4 {
			margin-top: 40px;
		}
		.hotspring.facility .cont-about02 li {
			width: 100%;
			margin-bottom: 20px;
		}
		.hotspring.facility .cont-about02 li:nth-child(2n) {
			margin-left: 0;
		}
	}

/* ----farmgarden02--------------------- */
.hotspring.facility .cont-farmgarden02 ul {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 100px;
}
.hotspring.facility .cont-farmgarden02 ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.hotspring.facility .cont-farmgarden02 li {
	width: 32.333%;
	float: left;
}
.hotspring.facility .cont-farmgarden02 li +li {
	margin-left: 1.5%;
}
.hotspring.facility .cont-farmgarden02 .box-beer {
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
}
.hotspring.facility .cont-farmgarden02 .box-beer .btn-base {
	margin-bottom: 35px;
}
.hotspring.facility .cont-farmgarden02 .box-beer figure {
	text-align: center;
}

	@media screen and (max-width:640px) {
		.hotspring.facility .cont-farmgarden02 {
			margin: 0 0 30px;
		}
		.hotspring.facility .cont-farmgarden02 ul {
			margin-bottom: 50px;
		}
	}
	@media screen and (max-width:480px) {
		.hotspring.facility .cont-farmgarden02 li {
			width: 48%;
			float: left;
			margin: 0 0 2%;
		}
		.hotspring.facility .cont-farmgarden02 li +li {
			margin-left: 0;
		}
		.hotspring.facility .cont-farmgarden02 li:nth-child(2) {
			margin-left: 2%;
		}
	}
	@media screen and (max-width:415px) {
		.hotspring.facility .cont-farmgarden02 li {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.hotspring.facility .cont-farmgarden02 li:nth-child(2) {
			margin-left: 0;
		}
	}

/* ----fb--------------------- */
.hotspring.facility .cont-fb {
	padding: 30px 0;
}
.hotspring.facility .fb-box {
	max-width: 500px;
	width: 90%;
	margin: 0 auto;
}
	@media screen and (max-width:640px) {
		.hotspring.facility .cont-fb {
			margin: 0 0 30px;
		}
	}


/* ----okomenoyakata--------------------- */
.okomenoyakata {
	margin-top: -50px;
}
.okomenoyakata .cont-about02 .cont-inner {
	padding-top: 85px;
}
.hotspring.facility .cont-cooking .detail {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
.hotspring.facility .cont-cooking .detail:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.hotspring.facility .cont-cooking .detail figure {
	width: 49%;
	float: left;
}
.hotspring.facility .cont-cooking .detail figure img {
	width: 100%;
}
.hotspring.facility .cont-cooking .detail dl {
	width: 49%;
	float: right;
	margin: 0;
}
.hotspring.facility .cont-cooking .detail dt {
	padding: 10px 0 5px;
}
.hotspring.facility .cont-cooking .detail dd {
	padding: 0 0 10px;
}
.hotspring.facility .cont-cooking .detail dd + dt {
	border-top: 1px dotted #333;
}
	@media screen and (max-width:1050px) {
		.hotspring.facility .cont-cooking .detail figure {
			max-width: 519px;
			width: 100%;
			float: none;
			margin: 0 auto 20px;
		}
		.hotspring.facility .cont-cooking .detail dl {
			width: 100%;
			float: none;
		}
	}
	@media screen and (max-width:640px) {
		.okomenoyakata {
			margin-top: -8%;
		}
		.okomenoyakata .cont-about02 .cont-inner {
			padding-top: 10%;
		}
	}

/*==================================================
camp - index
==================================================*/
/* cont-about */
.camp .cont-about .cont-inner {
	padding-bottom: 20px;
}
.camp .cont-about {
	padding-bottom: 80px;
}
.camp .cont-about p {
	position: relative;
	padding: 0 115px 0 0;
} 
.camp .cont-about p .icn {
	position: absolute;
	top: 50%;
	right: -45px;
	width: 149px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
	@media screen and (max-width:800px) {
		.camp .cont-about h2 br {
			display: block;
		}
	}
	@media screen and (max-width:768px) {
		.camp .cont-about p {
			padding: 0 15% 0 0;
		} 
		.camp .cont-about p .icn {
			right: -2%;
			width: 15%;
		}
	}
	@media screen and (max-width: 640px) {
		.camp .cont-about {
			padding-bottom: 20px;
		}
	}
	@media screen and (max-width: 480px) {
		.camp .cont-about p {
			padding: 0;
		} 
		.camp .cont-about p .icn {
			top: auto;
			bottom: 0;
			right: 0;
			width: 20%;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			margin-bottom: -10%;
		}
	}

/* cont-price */
.camp .cont-price .cont-inner {
	padding-bottom: 110px;
}
.camp .cont-price .table-wrap,
.camp .cont-price .table02 {
	margin-bottom: 60px;
}
.camp .cont-price .table01 {
	max-width: 1100px;
}
.camp .cont-price .table01 td+td {
	text-align: center;
}
.camp .cont-price .table01 td+td +td {
	text-align: left;
}
.camp .cont-price .table01 td.w190 {
	width: 190px;
}
.camp .cont-price .table01 td.w150 {
	width: 150px;
}
.camp .cont-price .table02 tbody th {
	width: 270px;
	text-align: left;
}
.camp .cont-price .table02 td {
	text-align: center;
}
.camp .cont-price .table02 td +td {
	text-align: left;
}
.camp .cont-price .table03-wrap {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.camp .cont-price .table03-wrap:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.camp .cont-price .table03-wrap table {
	width: 48%;
	float: left;
}
.camp .cont-price .table03-wrap table +table {
	margin-left: 4%;
}
.camp .cont-price .table03-wrap table th {
	width: 345px;
	text-align: left;
}
.camp .cont-price .table03-wrap table td {
	text-align: center;
}
	@media screen and (max-width: 1250px) {
		.camp .cont-price .table03-wrap table th {
			width: 60%;
		}
	}
	@media screen and (max-width: 1050px) {
		.camp .cont-price tbody th {
			width: 150px;
		}
		.camp .cont-price .table01 td.w190 {
			width: 100px;
		}
	}
	@media screen and (max-width: 768px) {
		.camp .cont-price .table02 tbody th {
			width: 40%;
		}
		.camp .cont-price .table02 tbody td {
			width: 25%;
		}
		.camp .cont-price .table02 tbody td+td {
			width: 35%;
		}
		.camp .cont-price .table03-wrap table {
			width: 100%;
			float: none;
		}
		.camp .cont-price .table03-wrap table +table {
			margin-left: 0;
			margin-top: 1px;
		}
	}
	@media screen and (max-width: 640px) {
		.camp .cont-price .cont-inner {
			padding: 0 0 5%;
		}
	}

/* cont-facility */
.camp .cont-facility {
	padding-bottom: 80px;
}
.camp .cont-facility .cont-inner {
	padding-bottom: 0;
}
.camp .cont-facility .btn-base {
	width: 90%;
	margin-top: 40px;
}
	@media screen and (max-width:640px) {
		.camp .cont-facility  {
			padding-bottom: 5%;
		}
	}

/*==================================================
camp - page
==================================================*/
/*camp.reservation
---------------------------------------------------------------------*/
.camp.reservation .cont-reservation,
.camp.reservation .cont-vacancy {
	margin: 0 0 50px;
}

/*page-facility
---------------------------------------------------------------------*/
/* cont-facilitymap
-----------------------------------------------*/
.cont-facilitymap img {
	width: 100%;
}
.cont-facilitymap .txt {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 50px;
}
.cont-facilitymap .img-wrap:after,
.cont-facilitymap .img-photo ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-facilitymap .img-map {
	width: 53.6%;
	float :left;
}
.cont-facilitymap .img-photo {
	width: 45%;
	float :right;
}
.cont-facilitymap .img-photo ul {
	margin: 0 0 90px;
}
.cont-facilitymap .img-photo li {
	width: 48.5%;
	float: left;
}
.cont-facilitymap .img-photo li:nth-child(2n) {
	margin: 0 0 3% 3%;
}
.cont-facilitymap .sec-icon img {
	width: 109px;
	top: 44px;
	right: 222px;
}
	@media screen and (max-width:1250px) {
		.cont-facilitymap .img-photo ul {
			margin: 0 0 10%;
		}
		.cont-facilitymap .sec-icon img {
			right: 10%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-facilitymap .sec-icon img {
			width: 17%;
			top: 0;
			right: 6%;
			margin-top: 8%;
		}
	}
	@media screen and (max-width:640px) {
		.cont-facilitymap .txt {
			margin-bottom: 30px;
		}
		.cont-facilitymap .img-map {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.cont-facilitymap .img-photo {
			width: 100%;
			float: none;
		}
		.cont-facilitymap .img-photo ul {
			margin: 0 0 20px;
		}
	}

/* cont-reservation
-----------------------------------------------*/
.cont-reservation .cont-inner {
	max-width: 860px;
}
.cont-reservation p em {
	display: block;
	text-align: center;
	color: #d93600;
	font-size: 24px;
	font-style: normal;
}
.cont-reservation p br {
	display: none;
}
.cont-reservation p.txt-tel {
	text-align: center;
	line-height: 170%;
}
.cont-reservation p.txt-tel span {
	display: block;
	font-size: 24px;
}
.cont-reservation ul +h3 {
	margin-top: 60px;
}
.cont-reservation .sec-icon img {
	width: 157px;
	top: -20px;
	right: -100px;
}
.cont-reservation .img-main {
	position: relative;
	margin: 0 0 50px;
}
.cont-reservation .img-main img {
	width: 100%;
}
.cont-reservation .img-main .icn {
	position: absolute;
	bottom: -150px;
	left: -35px;
	width: 149px;
}
	@media screen and (max-width:1250px) {
		.cont-reservation .sec-icon img {
			right: -4%;
		}
	}
	@media screen and (max-width:850px) {
		.cont-reservation .img-main .icn {
			width: 15%;
			left: -4%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-reservation .sec-icon img {
			width: 23%;
		}
	}
	@media screen and (max-width:640px) {
		.cont-reservation .cont-inner {
			padding: 0 0 5%;
		}
		.cont-reservation p em,
		.cont-reservation p.txt-tel span {
			font-size: 20px;
		}
		.cont-reservation p br {
			display: block;
		}
		.cont-reservation ul +h3 {
			margin-top: 40px;
		}
		.cont-reservation .img-main {
			margin: 0 0 30px;
		}
	}
	@media screen and (max-width:480px) {
		.cont-reservation p em,
		.cont-reservation p.txt-tel span {
			font-size: 17px;
		}
		.cont-reservation .img-main .icn {
			bottom: -70%;
		}
	}

/* cont-vacancy
-----------------------------------------------*/
.cont-vacancy .cont-inner {
	max-width: 860px;
}
.cont-vacancy .icn01 {
	position: absolute;
	top: 30px;
	left: 135px;
	width: 114px;
}
.cont-vacancy .icn02 {
	width: 95px;
	right: 45px;
	top: auto;
	bottom: 40px;
}
	@media screen and (max-width:850px) {
		.cont-vacancy .icn01 {
			left: 15%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-vacancy .icn01 {
			left: 8%;
			width: 18%;
		}
		.cont-vacancy .icn02 {
			width: 15%;
			right: -5%;
			bottom: -10%;
		}
	}

/* cont-cottage
-----------------------------------------------*/
.cont-cottage {
	padding: 0 0 80px;
}
.cont-cottage img {
	width: 100%;
}
.cont-cottage .cont-inner {
	max-width: 860px;
	padding: 0 0 55px;
}
.cont-cottage .cont-inner {
	max-width: 860px;
}
.cont-cottage figure {
	margin: 0 0 20px;
	text-align: center;
	background: #fdfbea;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.cont-cottage h3 {
	font-size: 20px;
	color: #525252;
}
.cont-cottage h3 br {
	display: none;
}
.cont-cottage p {
	text-align: center;
}
.cont-cottage .floor-map01 p:last-child,
.cont-cottage .floor-map02 p:last-child {
	margin: 0;
}
.cont-cottage .floor-map01 figure {
	padding: 85px 20px 100px;
}
.cont-cottage .floor-map02 {
	margin-top: 90px;
}
.cont-cottage .floor-map02 figure {
	padding: 25px 20px;
}
.cont-cottage .floor-map02 figcaption {
	padding: 15px 0 0 0;
	text-align: right;
	font-size: 13px; 
}
.cont-cottage .icn01 {
	width: 110px;
	left: -132px;
	top: 120px;
}
.cont-cottage .icn02 {
	width: 93px;
	right: 23px;
	top: 70px;
}
	@media screen and (max-width:1250px) {
		.cont-cottage .icn01 {
			left: -8%;
		}
		.cont-cottage .icn02 {
			right: 3%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-cottage .icn01 {
			width: 16%;
			top: 0;
			margin-top: 20%;
		}
		.cont-cottage .icn02 {
			width: 14%;
		}
	}
	@media screen and (max-width:640px) {
		.cont-cottage {
			padding: 0 0 40px;
		}
		.cont-cottage h3 {
			font-size: 18px;
		}
		.cont-cottage .floor-map01 figure {
			padding: 10% 5% 12%;
		}
		.cont-cottage .floor-map02 {
			margin-top: 60px;
		}
	}
	@media screen and (max-width:480px) {
		.cont-cottage h3 {
			font-size: 16px;
		}
		.cont-cottage h3 br {
			display: block;
		}
		.cont-cottage p {
			text-align: left;
		}
	}

/* cont-tent
-----------------------------------------------*/
.cont-tent .cont-inner {
	max-width: 860px;
}
.cont-tent .tent-type {
	position: relative;
}
.cont-tent .tent-type + .tent-type {
	margin: 80px 0 0;
}
.cont-tent .tent-type figure {
	margin: 0 0 20px;
}
.cont-tent .tent-type h3 {
	color: #525252;
	font-size: 20px;
}
.cont-tent .tent-type p {
	text-align: center;
}
.cont-tent .tent-type ul {
	margin: 75px 0 0 20px;
}
.cont-tent .tent-type li {
	list-style: disc;
}
.cont-tent .icn01 {
	width: 73px;
	top: -40px;
	right: -54px;
}
.cont-tent .icn02 {
	width: 59px;
	top: 163px;
	left: -143px;
}
.cont-tent .icn03 {
	width: 112px;
	top: 45px;
	left: 50%;
	margin-left: -300px;
}
	@media screen and (max-width:1250px) {
		.cont-tent .icn02 {
			width: 59px;
			top: 163px;
			left: -10%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-tent .icn01 {
			width: 10%;
			top: -40px;
			right: -5%;
		}
		.cont-tent .icn02 {
			width: 8%;
			top: 10%;
			left: -8%;
		}
		.cont-tent .icn03 {
			width: 18%;
			top: 20px;
			left: 0;
			margin-left:0;
		}
	}
	@media screen and (max-width:640px) {
		.cont-tent .tent-type + .tent-type {
			margin: 50px 0 0;
		}
		.cont-tent .tent-type p {
			text-align: left;
		}
		.cont-tent .tent-type ul {
			margin-top: 30px;
		}
	}

/* cont-bungalow
-----------------------------------------------*/
.cont-bungalow .cont-inner {
	max-width: 860px;
}
.cont-bungalow .icn01 {
	width: 141px;
	top: -25px;
	left: 47px;
}
.cont-bungalow .icn02 {
	width: 139px;
	top: 50px;
	right: 50px;
}
	@media screen and (max-width:1050px) {
		.cont-bungalow .icn01 {
			left: 0;
		}
		.cont-bungalow .icn02 {
			right: 0;
		}
	}
	@media screen and (max-width:768px) {
		.cont-bungalow .icn01 {
			width: 21%;
			top: 0;
			left: -5%;
			margin-top: -15%;
		}
		.cont-bungalow .icn02 {
			width: 19%;
			right: -5%;
			top: 0;
			margin-top: -5%;
		}
	}

/*==================================================
tourism -  index
==================================================*/
/* cont-about */
.tourism .cont-about .cont-inner {
	max-width: 1100px;
}
.tourism .cont-about p,
.tourism .cont-about h3 {
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.tourism .cont-about h3 {
	display: block;
}
.tourism .cont-about h3 img {
	margin-top: -2%;
	right: -5%;
}
.tourism .cont-about h3 +p {
	padding: 0 13.6% 0 0;
	box-sizing: border-box;
}
	@media screen and (max-width:1250px) {
		.tourism .cont-about .ttl h2 br {
			display: block; 
		} 
	}
	@media screen and (max-width:768px) {
		.tourism .cont-about h3 img {
			margin-top: -10%;
			right: 5%;
		}
	}

/* cont-about02 */
.tourism .cont-about02 .cont-inner {
	max-width: 860px;
}
.tourism .cont-about02 figure {
	margin: 0 0 50px;
}
	@media screen and (max-width:640px) {
		.tourism .cont-about02 figure {
			margin: 0 0 30px;
		}
	}

/* cont-event */
.tourism .cont-event li {
	width: 31.1%;
}
.tourism .cont-event li:nth-child(3n) {
	margin-right: 0;
}
.tourism .cont-event li:hover figure img {
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
}
	@media screen and (max-width:768px) {
		.tourism .cont-event li {
			width: 30.9%;
		}
		.tourism .cont-event li:nth-child(2n) {
			margin: 0 3.33% 0 0;
		}
		.tourism .cont-event li:nth-child(3n) {
			margin-right: 0;
		}
	}

/* cont-sights */
.cont-sights .cont-inner {
	max-width: 1060px;
	padding: 0 0 20px;
}
.cont-sights ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-sights li figure {
	margin: 0 0 20px;
}
.cont-sights li figure img {
	width: 100%;
}
.cont-sights li h3 {
	margin: 0 0 20px;
	font-weight: 300;
	color: #525252;
}
.cont-sights li p:last-child {
	margin: 0;
}
.cont-sights li {
	width: 48%;
	float: left;
	margin: 0 0 40px;
}
.cont-sights li:nth-child(2n) {
	margin-left: 4%;
}
.cont-sights li:nth-child(2n+1) {
	clear: both;
}
.cont-sights .txt-note {
	font-size: 13px;
	line-height: 170%;
}
.cont-sights .list-column01 {
	margin-bottom: 40px;
}
.cont-sights .list-column01 ul,
.cont-sights .list-column01 li {
	margin-bottom: 0;
}
.cont-sights .list-column01 p {
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cont-sights .list-column01 p.txt {
	margin-bottom: 0;
}
.cont-sights .list-column01 p em {
	display: block;
	font-style: normal;
	font-weight: 700;
}
.cont-sights .icn01 {
	top: 42px;
	left: -60px;
	width: 81px;
}
.cont-sights .icn02 {
	top: -14px;
	right: -40px;
	width: 106px;
}

	@media screen and (max-width:768px) {
		.cont-sights .icn01 {
			left: -8%;
			width: 12%;
		}
		.cont-sights .icn02 {
			right: -8%;
			width: 15%;
		}
	}
	@media screen and (max-width:480px) {
		.cont-sights li {
			width: 100%;
			float: none;
		}
		.cont-sights li:nth-child(2n) {
			margin-left: 0;
		}
		.cont-sights li figure {
			margin: 0 0 10px;
		}
		.cont-sights li h3 {
			margin: 0 0 10px;
		}
	}

/* cont-hikingtrail */
.cont-hikingtrail .cont-inner {
	max-width: 1115px;
	padding: 0 0 1px;
}
.cont-hikingtrail .cont-inner > div {
	margin: 0 0 70px;
}
.cont-hikingtrail .cont-inner .ttl {
	margin: 0;
}
.cont-hikingtrail .cont-inner > div:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-hikingtrail .txt {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 70px;
}
.cont-hikingtrail .ttl-trail {
	position: relative;
	max-width: 670px;
	width: 100%;
	margin:  auto;
}
.cont-hikingtrail .ttl-trail h3 {
	padding: 0 65px 5px 0;
	margin: 0 0 5px;
	font-weight: 300;
	font-size: 30px;
	text-align: left;
	line-height: 110%;
	border-bottom: 2px solid #525252;
}
.cont-hikingtrail .ttl-trail h3 span {
	font-weight: 700;
}
.cont-hikingtrail .ttl-trail p {
	padding: 0 65px 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 700;
	line-height: 110%;
}
.cont-hikingtrail .ttl-trail .icn {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}
.cont-hikingtrail .img-map {
	width: 530px;
	float: left;
}
.cont-hikingtrail .txt-map {
	width: 565px;
	float :right;
}
.cont-hikingtrail .img-map img,
.cont-hikingtrail .txt-map img {
	width: 100%;
}
.cont-hikingtrail .hikingtrail01 h3 {
	color: #31810a;
	border-color: #1d450a;
}
.cont-hikingtrail .hikingtrail01 h3 span,
.cont-hikingtrail .hikingtrail01 p {
	color: #1d450a;
}
.cont-hikingtrail .hikingtrail01 .img-map {
	width: 565px;
	margin-left: -40px;
}
.cont-hikingtrail .hikingtrail02 h3,
.cont-hikingtrail .hikingtrail02 p,
.cont-hikingtrail .hikingtrail02 h3 span{
	color: #22438a;
}
.cont-hikingtrail .hikingtrail02 h3 {
	border-color: #22438a;
}
.cont-hikingtrail .hikingtrail03 h3,
.cont-hikingtrail .hikingtrail03 p,
.cont-hikingtrail .hikingtrail03 h3 span {
	color: #397dc3;
}
.cont-hikingtrail .hikingtrail03 h3 {
	border-color: #397dc3;
}
.cont-hikingtrail .hikingtrail04 h3,
.cont-hikingtrail .hikingtrail04 p,
.cont-hikingtrail .hikingtrail04 h3 span {
	color: #287043;
}
.cont-hikingtrail .hikingtrail04 h3 {
	border-color: #287043;
}
.cont-hikingtrail .hikingtrail05 h3,
.cont-hikingtrail .hikingtrail05 p,
.cont-hikingtrail .hikingtrail05 h3 span {
	color: #4f1c1f;
}
.cont-hikingtrail .hikingtrail05 h3 {
	border-color: #4f1c1f;
}
	@media screen and (max-width:1325px) {
		.cont-hikingtrail .img-map {
			width: 48%;
		}
		.cont-hikingtrail .txt-map {
			width: 50%;
		}
		.cont-hikingtrail .hikingtrail01 .img-map {
			width: 50%;
			margin-left: -2%;
		}
	}
	@media screen and (max-width:768px) {
		.cont-hikingtrail .img-map {
			width: 100%;
			max-width: 530px;
			float: none;
			margin: 0 auto 20px;
		}
		.cont-hikingtrail .txt-map {
			max-width: 564px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
		.cont-hikingtrail .hikingtrail01 .img-map {
			width: 100%;
			margin-left: auto;
		}
	}
	@media screen and (max-width:640px) {
		.cont-hikingtrail .txt {
			margin-bottom: 50px;
		} 
		.cont-hikingtrail .cont-inner > div {
			margin: 0 0 60px;
		}
		.cont-hikingtrail .ttl-trail h3 {
			font-size: 26px;
		}
	}
	@media screen and (max-width:480px) {
		.cont-hikingtrail .cont-inner > div {
			margin: 0 0 40px;
		}
		.cont-hikingtrail .ttl-trail {
			padding-top: 65px;
		}
		.cont-hikingtrail .ttl-trail h3 {
			padding-right: 0;
			font-size: 24px;
		}
		.cont-hikingtrail .ttl-trail p {
			padding-right: 0;
		}
		.cont-hikingtrail .ttl-trail .icn {
			bottom: auto;
			top: 0;
			right: auto;
			left: 50%;
			width: 55px;
			height: 55px;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}
	@media screen and (max-width:360px) {
		.cont-hikingtrail .ttl-trail h3 {
			font-size: 20px;
		}
	}


/* --- --- btn --- --- */
.cont-hikingtrail .btn-base {
	clear: both;
	margin: 20px auto 0;
}
.cont-hikingtrail .btn-base:hover span {
	color: #fff;
}
#main .cont-hikingtrail .btn-base:hover:after {
	border-color: #fff;
}
.cont-hikingtrail .hikingtrail01 .btn-base {
	color: #31810a;
	border-color: #31810a;
}
.cont-hikingtrail .hikingtrail01 .btn-base:after {
	border-color: #31810a;
}
.cont-hikingtrail .hikingtrail01 .btn-base::before {
	background: #31810a;
}
.cont-hikingtrail .hikingtrail02 .btn-base {
	color: #22438a;
	border-color: #22438a;
}
.cont-hikingtrail .hikingtrail02 .btn-base:after {
	border-color: #22438a;
}
.cont-hikingtrail .hikingtrail02 .btn-base::before {
	background: #22438a;
}
.cont-hikingtrail .hikingtrail03 .btn-base {
	color: #397dc3;
	border-color: #397dc3;
}
.cont-hikingtrail .hikingtrail03 .btn-base:after {
	border-color: #397dc3;
}
.cont-hikingtrail .hikingtrail03 .btn-base::before {
	background: #397dc3;
}
.cont-hikingtrail .hikingtrail04 .btn-base {
	color: #287043;
	border-color: #287043;
}
.cont-hikingtrail .hikingtrail04 .btn-base:after {
	border-color: #287043;
}
.cont-hikingtrail .hikingtrail04 .btn-base::before {
	background: #287043;
}
.cont-hikingtrail .hikingtrail05 .btn-base {
	color: #4f1c1f;
	border-color: #4f1c1f;
}
.cont-hikingtrail .hikingtrail05 .btn-base:after {
	border-color: #4f1c1f;
}
.cont-hikingtrail .hikingtrail05 .btn-base::before {
	background: #4f1c1f;
}

/* for ipad */
.ipad .cont-hikingtrail .hikingtrail01 .btn-base:hover span,
.ipad .cont-hikingtrail .hikingtrail01 .btn-base {
    color: #31810a;
}
.ipad #main .cont-hikingtrail .hikingtrail01 .btn-base:hover:after {
	border-color: #31810a;
}
.ipad .cont-hikingtrail .hikingtrail02 .btn-base:hover span,
.ipad .cont-hikingtrail .hikingtrail02 .btn-base {
    color: #22438a;
}
.ipad #main .cont-hikingtrail .hikingtrail02 .btn-base:hover:after {
	border-color: #22438a;
}
.ipad .cont-hikingtrail .hikingtrail03 .btn-base:hover span,
.ipad .cont-hikingtrail .hikingtrail03 .btn-base {
    color: #397dc3;
}
.ipad #main .cont-hikingtrail .hikingtrail03 .btn-base:hover:after {
	border-color: #397dc3;
}
.ipad .cont-hikingtrail .hikingtrail04 .btn-base:hover span,
.ipad .cont-hikingtrail .hikingtrail04 .btn-base {
    color: #287043;
}
.ipad #main .cont-hikingtrail .hikingtrail04 .btn-base:hover:after {
	border-color: #287043;
}
.ipad .cont-hikingtrail .hikingtrail05 .btn-base:hover span,
.ipad .cont-hikingtrail .hikingtrail05 .btn-base {
    color: #4f1c1f;
}
.ipad #main .cont-hikingtrail .hikingtrail05 .btn-base:hover:after {
	border-color: #4f1c1f;
}

	@media(min-width:1px) and (max-width: 640px) {
		.cont-hikingtrail .hikingtrail01 .btn-base:hover span,
		.cont-hikingtrail .hikingtrail01 .btn-base {
			color: #31810a;
		}
		#main .cont-hikingtrail .hikingtrail01 .btn-base:hover:after {
			border-color: #31810a;
		}
		.cont-hikingtrail .hikingtrail02 .btn-base:hover span,
		.cont-hikingtrail .hikingtrail02 .btn-base {
			color: #22438a;
		}
		#main .cont-hikingtrail .hikingtrail02 .btn-base:hover:after {
			border-color: #22438a;
		}
		.cont-hikingtrail .hikingtrail03 .btn-base:hover span,
		.cont-hikingtrail .hikingtrail03 .btn-base {
			color: #397dc3;
		}
		#main .cont-hikingtrail .hikingtrail03 .btn-base:hover:after {
			border-color: #397dc3;
		}
		.cont-hikingtrail .hikingtrail04 .btn-base:hover span,
		.cont-hikingtrail .hikingtrail04 .btn-base {
			color: #287043;
		}
		#main .cont-hikingtrail .hikingtrail04 .btn-base:hover:after {
			border-color: #287043;
		}
		.cont-hikingtrail .hikingtrail05 .btn-base:hover span,
		.cont-hikingtrail .hikingtrail05 .btn-base {
			color: #4f1c1f;
		}
		#main .cont-hikingtrail .hikingtrail05 .btn-base:hover:after {
			border-color: #4f1c1f;
		}
	}


/*==================================================
company & privacy
==================================================*/
	@media(min-width:1px) and (max-width: 640px) {
		.company .page-header .local-nav ul {
			width: 97.16%;
			max-width: 550px;
		}
		.company .page-header .local-nav ul li {
			width: 32.6%;
		}
		.company .page-header .local-nav ul li a p {
			top: 55%;
		}
		.company .page-header .local-nav ul li a p span {
			    font-size: 3.125vw;
		}
	}

	@media(min-width:768px) and (max-width: 9999px) {
		.company .h-kv,
		.company .h-kv .inner,
		.company .h-kv .inner #kv {
			position: relative;
			max-height: 600px;
			height: 600px;
		}
		.company .h-kv .inner #kv {
			padding: 0;
		}
	}

	@media(min-width:900px) and (max-width: 9999px) {
		.company .page-header .local-nav {
			margin-bottom: 50px;
		}
		.company .page-header .local-nav ul {
			width: 662px;
			padding: 0;
		}
		.company .page-header .local-nav ul li {
			position: static;
			width: 212px;
		}
		.company .page-header .local-nav ul li + li {
			margin-left: 13px;
		}
		.company .page-header .local-nav ul li a {
				padding: 200px 0 0;
		}
		.company .page-header .local-nav ul li a p {
				top: 115px;
		}
		.company .page-header .local-nav ul li a p span {
			font-size: 20px;
		}		
	}

/* outline */
.cont-outline {
	margin-top: 100px;
}
.cont-outline .inner {
	padding: 0 5% 10% 5%;
}
.cont-outline table {
	max-width: 860px;
	width: 96%;
	margin: 0 auto;
	border: 1px solid #ccc;
	box-sizing:border-box;
}
.cont-outline th,
.cont-outline td {
	min-width: 35px;
	padding: 20px;
	border: 1px solid #ccc;
	line-height: 130%;
	box-sizing: border-box;
}
.cont-outline th {
	font-weight: 300;
	text-align: center;
}
	@media(min-width:1px) and (max-width: 640px) {
		.cont-outline {
			margin-top: 22%;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.cont-outline table {
			border: none;
			border-bottom: 1px solid #ccc;
		}
		.cont-outline th,
		.cont-outline td {
			display: block;
			width: 100%;
			padding: 10px 5%;
		}
		.cont-outline th {
			text-align: left;
			border-bottom: 1px dotted #ccc;
			background: #f7f7fa;
		}
		.cont-outline td {
			border-top: none;
			border-bottom: none;
		}
	}

/* privacy */
.cont-privacy {
	margin-top: 100px;
}
.cont-privacy .inner {
	padding: 0 0 50px;
}
.cont-privacy .txt-wrap {
	max-width: 860px;
	width: 90%;
	margin: 0 auto;
}
.cont-privacy .txt-wrap p {
	margin-bottom: 50px;
}
.cont-privacy .txt-wrap h3 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 104%;
}
	@media(min-width:1px) and (max-width: 640px) {
		.cont-privacy {
			margin-top: 22%;
		}
		.cont-privacy .inner {
			padding: 0 0 5%;
		}
		.cont-privacy .txt-wrap p {
			margin-bottom: 40px;
		}
		.cont-privacy .txt-wrap h3 {
			margin-bottom: 10px;
		}
	}


/*==================================================
kleingarten
==================================================*/
.kleingarten .cont-inner {
	max-width: 1060px;
}
.kleingarten .page-cont .img+ .ttl {
	margin-top: 35px;
}
	@media screen and (max-width:640px) {
	 .kleingarten .page-cont p + .ttl {
	 	padding: 8%;
	 }
	}

/* page-header */
	@media  (min-width:900px) and (max-width:9999px) {
		.kleingarten .page-header .local-nav li:nth-child(1) {
			width: 172px;
			top: 20px;
			right: 400px;
		}
		.kleingarten .page-header .local-nav li:nth-child(1) a {
			padding: 160px 0 0;
			background-position: 50% 10px;
		}
		.kleingarten .page-header .local-nav li:nth-child(1) p {
			top: 98px;
			font-size: 25px;
		}
		.kleingarten .page-header .local-nav li:nth-child(1) p span {
			font-size: 16px;
		}
	}
	@media screen and (max-width:640px) {
		.kleingarten .page-header .local-nav {
			margin-bottom: 5%;
		}
	}

/* cont-contact */
.kleingarten .cont-contact {
	margin-bottom: 100px;
}
.kleingarten .cont-contact h2 {
	color: #d90000;
	font-size: 24px;
}
.kleingarten .cont-contact .ttl-wrap p {
	font-size: 18px;
}
.kleingarten .cont-contact .ttl-wrap p::after {
	width: 0;
}
	@media screen and (max-width:640px) {
		.kleingarten .cont-contact h2 {
			font-size: 22px;
		}
		.kleingarten .cont-contact .ttl-wrap p {
			font-size: 16px;
		}
	}
	@media screen and (max-width:480px) {
		.kleingarten .cont-contact h2 {
			font-size: 20px;
		}
	}

/* cont-kleingarten */
.cont-kleingarten .ttl br {
	display: block;
}
.cont-kleingarten .ttl br.viewSp {
	display: none;
}
.cont-kleingarten p {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 50px;
}
.cont-kleingarten .ttl p {
	max-width: none;
	width: auto;
}
.cont-kleingarten p.txt-center {
	text-align: center;
}
.cont-kleingarten .img:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-kleingarten .img li {
	width: 49%;
	float: left;
}
.cont-kleingarten .img li + li {
	margin-left: 2%;
}
.cont-kleingarten .table-list {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 50px;
}
.cont-kleingarten .table-list dt {
	width: 150px;
}
.cont-kleingarten .info {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.cont-kleingarten .info dt {
	font-weight: 700;
}
	@media screen and (max-width:640px) {
		.kleingarten .cont-kleingarten {
			margin: 0;
		}
		.cont-kleingarten .ttl br.viewSp {
			display: block;
		}
		.cont-kleingarten p {
			margin-bottom: 30px;
		}
		.cont-kleingarten .table-list {
			margin-bottom: 30px;
		}
		.cont-kleingarten .table-list dt {
			width: 100%;
		}
	}
	@media screen and (max-width:480px) {
		.cont-kleingarten .img li {
			width: 100%;
			float: none;
			margin: 0 0 20px;
		}
		.cont-kleingarten .img li +li {
			margin: 0;
		}
	}


/*==================================================
news
==================================================*/
.news .cont-inner {
	max-width: 1100px;
}

/* page-header */
	@media  (min-width:900px) and (max-width:9999px) {
		.news .page-header .local-nav li:nth-child(1) {
			width: 172px;
			top: 20px;
			right: 400px;
		}
		.news .page-header .local-nav li:nth-child(1) a {
			padding: 160px 0 0;
			background-position: 50% 10px;
		}
		.news .page-header .local-nav li:nth-child(1) p {
			top: 98px;
			font-size: 25px;
		}
		.news.page-header .local-nav li:nth-child(1) p span {
			font-size: 16px;
		}
	}
	@media screen and (max-width:640px) {
		.news .page-header .local-nav {
			margin-bottom: 5%;
		}
	}


/* page-cont */
.news .cont-inner {
	padding: 100px 0 0;
}
	@media screen and (max-width:768px) {
		.news .cont-inner {
			padding: 0;
		}
		.cont-newsList {
			padding: 14% 0 0;
		}
		.cont-newsList .inner {
			padding: 0 0 10%;
		}
	}

/* list */
.cont-newsList .list {
	width: 1100px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.cont-newsList .list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-newsList .list li {
	width: 23%;
	float: left;
	margin: 0 2.66% 60px 0;
	text-align: center;
	letter-spacing: 0.1em;
}
.cont-newsList .list li:nth-child(4n) {
	margin-right: 0;
}
.cont-newsList .list li a {
	display: block;
}
.cont-newsList .list li figure {
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}
.cont-newsList .list li figure span {
	display: block;
	overflow: hidden;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.cont-newsList .list li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.cont-newsList .list li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.cont-newsList .list li figure::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	-webkit-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
}
	.cont-newsList .list li.event-onsen figure::after {
		background: #fff url(../img/icn_onsen.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
	.cont-newsList .list li.event-camp figure::after {
		background: #fff url(../img/icn_camp.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
	.cont-newsList .list li.event-tourism figure::after {
		background: #fff url(../img/icn_tourism.png) no-repeat 50% 50%;
		background-size: auto 50px;	
	}
.cont-newsList .list li figure img {
	width: 100%;
}
.cont-newsList .list li time {
	position: relative;
	font-size: 13px;
	line-height: 120%;
	z-index: 1;
}
.cont-newsList .list li p {
	font-size: 15px;
	margin: 0;
	padding: 10px 0 0;
	line-height: 150%;
	text-align: left;
}
	@media screen and (max-width:1300px) {
		.cont-newsList .list {
			width: 100%;
		}
		.cont-newsList .list li {
			width: 22.5%;
			margin: 0 3.33% 6% 0;
		}
	}
	@media screen and (max-width:1000px) {
		.cont-newsList .list li {
			width: 31.1%;
		}
		.cont-newsList .list li:nth-child(4n) {
			margin-right: 3.33%;
		}
		.cont-newsList .list li:nth-child(3n) {
			margin-right: 0;
		}
		.cont-newsList .list li p {
			padding: 0;
		}
	}
	@media screen and (max-width:768px) {
		.cont-newsList .list {
			width: 88.33%;
		}
		.cont-newsList .list li {
			width: 48%;
			margin: 0 3.9% 6% 0;
			text-align: left;
			vertical-align: top;
		}
		.cont-newsList .list li:nth-child(4n),
		.cont-newsList .list li:nth-child(3n) {
			margin-right: 3.9%;
		}
		.cont-newsList .list li:nth-child(2n) {
			margin-right: 0;
		}
		.cont-newsList .list li p {
			font-size: 14px;
		}
	}
	@media screen and (max-width:480px) {
		.cont-newsList .list li {
			margin-bottom: 10%;
		}
		.cont-newsList .list li figure {
			margin: 0 0 28px;
		}
		.cont-newsList .list li figure::after {
			width: 60px;
			height: 60px;
		}
		.cont-newsList .list li.event-onsen figure::after,
		.cont-newsList .list li.event-camp figure::after,
		.cont-newsList .list li.event-tourism figure::after {
			background-size: auto 38px;
		}
		.cont-newsList .list li time {
			font-size: 12px;
		}
		.cont-newsList .list li p {
			font-size: 13px;
		}
	}

/*pager*/
.cont-newsList .pager {
	padding: 50px 0 130px;
	text-align: center;
}
.cont-newsList .pager li {
	display: inline-block;
	margin: 0 3px;
}
.cont-newsList .pager li.prev {
	margin-right: 15px;
}
.cont-newsList .pager li.next {
	margin-left: 15px;
}
.cont-newsList .pager li a,
.cont-newsList .pager li span {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #2692ff;
	font-size: 14px;
	border: 1px solid #2692ff;
	transition: all .3s;
	box-sizing: border-box;
}
.cont-newsList .pager li span,
.cont-newsList .pager li a:hover {
	color: #fff;
	background:  #2692ff;
}
.cont-newsList .pager li.prev a:hover,
.cont-newsList .pager li.next a:hover {
	color: #2692ff;
	background:  #fff;
}
.cont-newsList .pager li.prev a,
.cont-newsList .pager li.next a {
	position: relative;
	border: none;
	width: auto;
	font-size: 16px;
}
.cont-newsList .pager li.prev a {
	padding-left: 10px;
}
.cont-newsList .pager li.prev a:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-bottom: 1px solid #2692ff;
	border-left: 1px solid #2692ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cont-newsList .pager li.next a {
	padding-right: 10px;
}
.cont-newsList .pager li.next a:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #2692ff;
	border-right: 1px solid #2692ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

	@media screen and (max-width:640px) {
		.cont-newsList .pager {
			padding: 40px 0 80px;
		}
	}
	@media screen and (max-width:480px) {
		.cont-newsList .pager li {
			margin: 0 1px;
		}
		.cont-newsList .pager li a,
		.cont-newsList .pager li span {
			width: 28px;
			height: 28px;
			line-height: 28px;
		}
		.cont-newsList .pager li.prev a,
		.cont-newsList .pager li.next a {
			font-size: 14px;
		}
		.cont-newsList .pager li.prev {
			margin-right: 5px;
		}
		.cont-newsList .pager li.next {
			margin-left: 5px;
		}
	}
	@media screen and (max-width:360px) {
		.cont-newsList .pager {
			width: 110%;
			margin-left: -5%;
		}
		.cont-newsList .pager li a,
		.cont-newsList .pager li span {
			width: 24px;
			height: 24px;
			line-height: 24px;
		}
	}

/*==================================================
news-archive
==================================================*/
.news-archive {
	position: relative;
	margin: 0 0 80px;
	background: #fff;
	border-radius: 15px;
}
.news-archive-inner {
	max-width: 1050px;
	width: 90%;
	padding: 75px 0;
	margin: 0 auto;
}
.news-archive-inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.archive-main {
	width: 73.8%;
	float: left;
}
.archive-side {
	width: 20.9%;
	float: right;
}
.archive-main img {
	max-width: 770px;
	height: auto;
}
	@media screen and (max-width: 950px) {
		.archive-main {
			max-width: 780px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
		.archive-side {
			max-width: 780px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 640px) {
		.news-archive-inner {
			padding: 50px 0 20px;
		}
	}

/*archive-main */
.archive-header {
	margin: 0 0 40px;
}
.archive-header p {
	margin: 0 0 10px;
}
.archive-header h1 {
	padding: 0 0 20px;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 120%;
	border-bottom: 5px solid #ffff7f;
}
.archive-main a {
	color: #2693ff;
	text-decoration: underline;
}
.archive-main h2 {
	margin: 50px 0 40px;
	padding: 10px 20px;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 120%;
	border-left: 5px solid #ffff7f;
}
.archive-main h3 {
	margin: 50px 0 30px;
	padding: 10px;
	font-size: 1.125em;
	font-weight: 700;
	text-align: left;
	border-bottom: 1px solid #d6d6d6;
}
.archive-main h4 {
	margin: 40px 0 30px;
	font-weight: 700;
	line-height: 140%;
}
.archive-main ul,
.archive-main ol {
	margin-left: 20px;
}
.archive-main ul li {
	list-style: disc;
}
.archive-main ol li {
	list-style: decimal;
}
	@media screen and (max-width: 640px) {
		.archive-header h1 {
			padding: 0 0 10px;
		}
		.archive-main h2,
		.archive-main h3 {
			margin: 40px 0 20px;
		}
	}

/* pager-detail */
.archive-main .pager-detail {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0 0;
}
.pager-detail:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.pager-detail li {
	width: 33.333%;
	float: left;
	padding: 0 3%;
	box-sizing: border-box;
}
.archive-main .pager-detail li {
	list-style: none;
}
.pager-detail li.back {
	text-align: center;
}
.pager-detail li.next {
	text-align: right;
}
.pager-detail li a {
	text-decoration: none;
}
.pager-detail li a span {
	position: relative;
}
.pager-detail li.prev a span {
	padding-left: 10px;
}
.pager-detail li.prev a span:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-bottom: 1px solid #2692ff;
	border-left: 1px solid #2692ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pager-detail li.next a span {
	padding-right: 10px;
}
.pager-detail li.next a span:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #2692ff;
	border-right: 1px solid #2692ff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	@media(min-width:1px) and (max-width: 480px) {
		.archive-main .pager-detail {
			position: relative;
			padding: 0 0 50px;
		}
		.pager-detail li {
			width: 50%;
			border: 1px solid #2693ff;
		}
		.pager-detail li a,
		.pager-detail li span {
			padding: 0;
			height: 50px;
			line-height: 50px;
		}
		.pager-detail li.prev {
			border-right: none;
		}
		.pager-detail li.back {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
		.pager-detail li.back a {
			height: 40px;
			line-height: 40px;
		}
	}

/*archive-side*/
.archive-side dl {
	margin: 0 0 40px;
}
.archive-side dt {
	position: relative;
	padding-left: 30px;
	font-size: 1.125em;
	font-weight: 700;
}
.archive-side dt:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	content: "";
	background: #ccc;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
	.side-latest dt:before {
		background: #e3ab00;
	}
	.side-category dt:before {
		background: #052d41;
	}
	.side-month dt:before {
		background: #85b200;
	}
	
.archive-side dd li {
	font-size: 0.93em;
	line-height: 140%;
	 border-bottom: 1px dotted #888;
}
.archive-side dd li a {
	display: block;
	padding: 7px 0;
}
.side-month dd {
	padding: 15px 0 0;
}
.side-month input {
	max-width: 200px;
	width: 100%;
	padding: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
}
.side-month input[type="text"]:focus {
  outline: 0;
  border-color: #85b200;
}
	@media(min-width:1px) and (max-width: 480px) {
		.archive-side dt {
			padding-left: 25px;
		}
		.archive-side dt:before {
			width: 16px;
			height: 16px;
		}
	}