@charset "utf-8";
/* CSS Document */
#imgbnr {
	width: 500px;
	height: auto;
	margin: 0 auto 90px;
}
#imgbnr > a > img {
	width: 100%;
}

	@media only screen and (max-width: 768px) {
	#imgbnr {
		width: 90%;
		height: auto;
		margin: 0 auto 90px;
	}
	#imgbnr > a > img {
		width: 100%;
	}
	}
table.season {
	width: 820px;
	height: auto;
	margin: 0 auto 30px;
}
table.season td {
	width: 410px;
	height: 120px;
	padding: 0 5px;
	vertical-align: top;
}
div.bnr {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	/*width: 500px;
	height: 150px;*/
	/*background-image: url(/sightseeing/img/bnr.webp);*/
	background-repeat: no-repeat;
	background-size: cover;
	/*border: #671d04 1px solid;*/
	color: #fff;
	font-size: 40px;
    font-weight: bold;
	letter-spacing: .3em;
	text-align: center;
    text-shadow: #671d04 3px 3px 8px, #de3b04 -3px 3px 8px, #671d04 3px -3px 8px, #671d04 -3px -3px 8px;
	/*margin: 30px auto!important;*/
}

div.bnr > img {
	width: auto;
	height: 120px;
}
@media only screen and (max-width: 750px){
table.season {
	width: 90%;
	height: auto;
	margin: 0 auto 30px;
}
table.season td {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	vertical-align: top;
}
div.bnr {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 0.3;
	font-size: 7vw;
	margin-bottom: 20px;
}
	div.bnr > img {
		width: 100%;
		height: auto;
	}
}

#bnr > a:link,
#bnr > a:visited,
#bnr > a:hover,
#bnr > a:active  {
	color: #53585a;
}
#bnr > a:hover {
	opacity: .8;
}
#bnr > a {
	display: block;
	width: 765px;
	margin: 0 auto 90px;
}
#bnr > a > div {
	display:flex;
	flex-wrap:wrap;
	justify-content: center; /*横*/
	align-items: center; /*縦*/
	border: #53585a 1px solid;
	padding: 3px;
}
#bnr > a > div > div {
	width: 50%;
	height: 100px;
	display: flex;
	justify-content: center; /*横*/
	align-items: center; /*縦*/
	line-height: 1.4;
}
#bnr > a > div > div > span {
	vertical-align: middle;
}
#bnr > a > div> div:nth-of-type(1) {
	position: relative;
	overflow: hidden;
}

#bnr > a > div > div:nth-of-type(1) img {
	width:100%;
	position: absolute;
	top: 99%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 750px) {
	#bnr > a {
		width: 90%;
	}
	#bnr > a > div > div {
		width: 100%;
		height: 100px;
		display: flex;
		justify-content: center; /*横*/
		align-items: center; /*縦*/
		line-height: 1.4;
	}
	#bnr > a > div > div > span {
		vertical-align: middle;
	}
	#bnr > a > div> div:nth-of-type(2) {
		position: relative;
		overflow: hidden;
	}

	#bnr > a > div > div:nth-of-type(2) img {
		width:100%;
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
}