@charset "UTF-8";

/* CSS Document */

.mainImage {
	position: relative;
	z-index: 1;
	margin: 40px 0 58px;
}

.mainImage > img {
}

.mainImage_title {
	position: absolute;
	top: -15px;
	left: 84px;
	z-index: 1;
}

.mainImage_title > img {
}

.mainImage_title > .-text {
	display: none;
}

.contents_footer {
}

.pageNavi {
}

.pageNavi,
.pageNavi * {
	position: relative;
	box-sizing: border-box;
}

.pageNavi_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	list-style: none;
}

.pageNavi_list li {
	border: 1px solid#988e5c;
	border-image: linear-gradient(-45deg,
	#988e5c 0%,
	transparent 2.5%, #988e5c 5%,
	transparent 7.5%, #988e5c 10%,
	transparent 12.5%, #988e5c 15%,
	transparent 17.5%, #988e5c 20%,
	transparent 22.5%, #988e5c 25%,
	transparent 27.5%, #988e5c 30%,
	transparent 32.5%, #988e5c 35%,
	transparent 37.5%, #988e5c 40%,
	transparent 42.5%, #988e5c 45%,
	transparent 47.5%, #988e5c 50%,
	transparent 52.5%, #988e5c 55%,
	transparent 57.5%, #988e5c 60%,
	transparent 62.5%, #988e5c 65%,
	transparent 67.5%, #988e5c 70%,
	transparent 72.5%, #988e5c 75%,
	transparent 77.5%, #988e5c 80%,
	transparent 82.5%, #988e5c 85%,
	transparent 87.5%, #988e5c 90%,
	transparent 92.5%, #988e5c 95%,
	transparent 97.5%, #988e5c 100%);
	border-image-slice: 1;
}

.pageNavi_list a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 125px;
	height: 50px;
	border: 1px solid #685901;
	border-image: linear-gradient(-45deg,
	#685901 0%,
	#988e5c 2.5%, #685901 5%,
	#988e5c 7.5%, #685901 10%,
	#988e5c 12.5%, #685901 15%,
	#988e5c 17.5%, #685901 20%,
	#988e5c 22.5%, #685901 25%,
	#988e5c 27.5%, #685901 30%,
	#988e5c 32.5%, #685901 35%,
	#988e5c 37.5%, #685901 40%,
	#988e5c 42.5%, #685901 45%,
	#988e5c 47.5%, #685901 50%,
	#988e5c 52.5%, #685901 55%,
	#988e5c 57.5%, #685901 60%,
	#988e5c 62.5%, #685901 65%,
	#988e5c 67.5%, #685901 70%,
	#988e5c 72.5%, #685901 75%,
	#988e5c 77.5%, #685901 80%,
	#988e5c 82.5%, #685901 85%,
	#988e5c 87.5%, #685901 90%,
	#988e5c 92.5%, #685901 95%,
	#988e5c 97.5%, #685901 100%);
	border-image-slice: 1;
	background-color: #685901;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	transition: opacity 0.5s;
}

body.-recommend .pageNavi_list a.-recommend,
body.-experience .pageNavi_list a.-experience,
body.-spot .pageNavi_list a.-spot,
body.-soyu .pageNavi_list a.-soyu,
body.-area .pageNavi_list a.-area,
body.-schedule .pageNavi_list a.-schedule,
.pageNavi_list a.-current {
	cursor: default;
	pointer-events: none;

	user-select: none;
}

.pageNavi_list a::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 4px solid #ffffff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

body.-recommend .pageNavi_list a.-recommend,
body.-experience .pageNavi_list a.-experience,
body.-spot .pageNavi_list a.-spot,
body.-soyu .pageNavi_list a.-soyu,
body.-area .pageNavi_list a.-area,
body.-schedule .pageNavi_list a.-schedule,
.pageNavi_list a.-current,
.pageNavi_list a:hover {
	opacity: 0.65;
}

.mapDL {
	position: relative;
	z-index: 1;
	margin: 74px 0 0;
	padding: 32px 37px 19px 189px;
	background-color: #e8e3d6;
	background-color: rgba(103, 89, 0, 0.1);
}

.mapDL_title {
	float: left;
	padding: 10px 0 0;
	color: #665900;
	font-weight: normal;
	font-size: 24px;
}

.mapDL_image {
	position: absolute;
	top: -21px;
	left: 6px;
	z-index: 1;
}

.mapDL_image > img {
}

.mapDL_dlLink {
	float: right;
	width: 370px;
	max-width: 370px;
}

.mapDL_dlLink > a {
	color: inherit;
	text-align: center;
}

.mapDL_dlLink > a img {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.mapDL_dlLink_text {
	font-size: 10px;
	text-align: right;
}

/* タブレット以下設定 */
@media screen and (max-width:979px) {
	.mainImage {
		margin: 30px 0;
	}

	.mainImage > img {
	}

	.mainImage_title {
		top: -3.5%;
		left: 8.6%;
		width: 7.5%;
	}

	.mainImage_title > img {
	}

	.mainImage_title > .-text {
	}

	.contents_footer {
	}

	.pageNavi {
		max-width: 520px;
		margin: 0 auto;
	}

	.pageNavi_list {
		text-align: center;
	}

	.pageNavi_list > li {
		display: inline-block;
		float: none;
		margin: 0 0 5px;
	}

	.pageNavi_list > li:first-child {
	}

	.pageNavi_list > li > a {
	}

	.pageNavi_list > li > a:before {
	}

	.pageNavi_list > li > a.-current {
	}

	.pageNavi_list > li > a:hover {
	}

	.mapDL {
		/* text-align: center; */
		max-width: 390px;
		margin: 40px auto 0;
		padding: 15px 0 15px 170px;
	}

	.mapDL_title {
		display: inline-block;
		float: none;
		padding: 0;
		font-size: 20px;
	}

	.mapDL_image {
	}

	.mapDL_image > img {
		width: 150px;
	}

	.mapDL_dlLink {
		display: inline-block;
		float: none;
	}

	.mapDL_dlLink > a {
	}

	.mapDL_dlLink > a img {
	}

	.mapDL_dlLink_text {
	}
}

/* スマホ設定 */
@media screen and (max-width:639px) {
	.mainImage {
	}

	.mainImage > img {
	}

	.mainImage_title {
		position: static;
		width: 100%;
		/* z-index: 1; */
	}

	.mainImage_title > img {
		display: none;
	}

	.mainImage_title > .-text {
		display: block;
		background-color: #817832;
		color: #ffffff;
		font-weight: 500;
		font-size: 16px;
		line-height: 30px;
		text-indent: 15px;
	}

	.contents_footer {
	}

	.pageNavi {
		max-width: 380px;
	}

	.pageNavi_list {
	}

	.pageNavi_list > li {
		display: block;
		float: left;
		width: 49.5%;
		margin: 0 0 3px 0;
	}

	.pageNavi_list > li:nth-child(2n) {
		float: right;
	}

	.pageNavi_list > li:nth-child(2n + 1) {
		clear: both;
	}

	.pageNavi_list > li > a {
		width: 100%;
		height: 42px;
		background-size: 100% 200%;
		line-height: 42px;
	}

	.pageNavi_list > li > a:before {
	}

	.pageNavi_list > li > a.-current {
	}

	.pageNavi_list > li > a:hover {
	}

	.mapDL {
		max-width: 360px;
		margin-top: 25px;
		padding: 10px;
	}

	.mapDL_title {
		display: block;
		margin: 0 0 10px;
		font-size: 16px;
		text-align: center;
	}

	.mapDL_image {
		display: none;
		position: static;
		margin: 10px 0;
		text-align: center;
	}

	.mapDL_image > img {
		width: 100px;
	}

	.mapDL_dlLink {
		width: 100%;
	}

	.mapDL_dlLink > a {
	}

	.mapDL_dlLink > a img {
	}

	.mapDL_dlLink_text {
	}
}