/* CSS Document */

ul{
	list-style: none;
	}

#activities{
	padding: 0;
	}
#activities h2{
	display: none;
	}
	#activities section{
		margin-top: 4em;
		}
	#activities p+p{
		margin-top: 1em;
		}

#hero{
	position: relative;
	margin-bottom: 1em;
	}
	#hero h1{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		/* background: rgba(0,0,0,0.6); */
		color: #fff;
		font-weight: 500;
		line-height: 1.2em;
		z-index: 1;
		}
	#hero figure{
		position: relative;
		}
	#hero figcaption{
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 0.8em;
		background: rgba(255,255,255,0.7);
		z-index: 1;
		}

#movie{}
	#movie h2+div{
		padding-top: 56.25%;
		position: relative;
		height: 0;
		overflow: hidden;
		}
		#movie h2+div iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}
		#movie div+div{
			margin-top: 1em;
			}

#category{}
	#category dl{
		position: relative;
		text-align: center;
		}
		#category dl img{
			transition-duration: 0.2s;
			transition-timing-function: ease-out;
			}
		#category dl:hover img{
			opacity: 0.8;
			}
		#category dl:hover a{
			background: rgba(0,0,0,0);
			}
	#category dt{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-weight: bold;
		color: #fff;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
		z-index: 2;
		}
	#category dd:nth-of-type(1) span{
		position: absolute;
		bottom: 0;
		right: 0.5em;
		color: #fff;
		font-family: 'Damion', cursive;
		font-size: 0.8em;
		}
	#category a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		text-indent: -999999px;
		z-index: 0;
		}

#gMap{
	width: 100%;
	height: 400px;
	}

#mapIcon{}
	#mapIcon ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background: rgba(var(--primary-color-rgb),0.1);
		}
	#mapIcon i{
		margin-right: 0.25em;
		}

#tour{
	position: relative;
	padding-bottom: 1em;
	text-align: center;
	}
	#tour:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/tourPhotoBg.jpg") no-repeat;
		background-size: cover;
		z-index: -1;
		}
	#tour h2{
		display: inline-block;
		padding-top: 1em;
		text-align: center;
		}
	#tour ul{
		text-align: center;
		}
	#tour a{
		width: 100%;
		}

.infoWin{
	width: 100%;
	max-width: 20em;
	}
	.infoWin dl {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0.5em;
		background: #fff;
		}
	.infoWin dt {
		width: 100%;
		color: #1a1a1a;
		line-height: 1.4em;
		}
		.infoWin dt+dd {
			text-align: center;
			width: 100%;
			overflow: hidden;
			}
	.infoWin dd {
		margin-top: 0.8em;
		}
		.infoWin dd:nth-of-type(n+2) {
			width: calc(50% - 0.4em);
			}
		.infoWin dd:nth-of-type(3) {
			margin-left: auto;
			}
			.infoWin dd:nth-of-type(3) a:not(:hover) {
				background: var(--secondary-color);
				}
	.infoWin a {
		display: block;
		padding: 1em 0.5em;
		color: #fff;
		font-size: 0.8em;
		line-height: 1em;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	.infoWin .thumb {
		width: 100%;
		}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#hero{}
	#hero h1{
		font-size: 1.6em;
		/* border: 2px solid #fff;
		padding: 0.5em 1em; */
		}
	#hero figcaption{
		padding: 0.5em 1em;
		}
	#hero .thumbBox{
		padding-top: 66.66%;
		}
#category{}
	#category dl{}
		#category dl+dl{
			margin-top: 0.5em;
			}
	#category .thumbBox{
		padding-top: 50%;
		}
		#category .thumbBox img{
			object-position: top;
			}
#mapIcon{}
	#mapIcon ul{
		padding: 0.5em;
		}
	#mapIcon li{
		width: 40%;
		font-size: 0.8em;
		}
		#mapIcon li:nth-of-type(2n){
			width: 60%;
			}
#tour{}
	#tour ul{
		padding: 0 1em;
		}
	#tour li{
		padding-top: 0.25em;
		}
}


/* for Tablet */
@media (min-width: 768px) {
/*768px以上*/
#hero{}
	#hero h1{
		font-size: 2.5em;
		/* border:2px solid #fff;
		padding: 1em 2em; */
		}
	#hero figcaption{
		padding: 1em 2em;
		}
	#hero .thumbBox{
		padding-top: 50%;
		}
#movie{
	padding: 0 5em;
	}
#category{}
	#category h2+div{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
	#category dl{
		width: calc(33.33% - 0.25em);
		}
		#category dl:nth-of-type(n+4){
			margin-top: 0.5em;
			}
	#category .thumbBox{
		padding-top: 66.66%;
		}
#mapIcon{}
	#mapIcon ul{
		padding: 1em;
		}
#tour{}
	#tour ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 1em 8em 1em;
		}
	#tour li{
		width: calc(50% - 1.5em);
		}
		#tour li:nth-of-type(n+3){
			margin-top: 1.5em;
			}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#activities{}
	#activities section{
		width: 100%;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}

@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#mapIcon{}
	#mapIcon li{
		width: 50%;
		}
		#mapIcon li:nth-of-type(n+3){
			margin-top: 0.5em;
			}
#tour{}
	#tour ul{
		padding: 1em 2em 1em;
		}
}

/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#gMap{
	width: 100%;
	height: 500px;
	}
	
#tour{
	padding-bottom: 3em;
	}
	#tour h2{
		padding-top: 2em;
		}
}


/* ie */
@media all and (-ms-high-contrast: none){}