/* 初期表示の位置を保ち、上端に達した時点で固定する。 */
#header {
	top: 46px;
	transition: none;
}

#header.fixed {
	position: fixed;
	top: 0;
}

@media screen and (max-width: 599px) {
	#header {
		top: 65px;
	}

	#header.fixed {
		top: 0;
	}
}

/* スマートフォンではお問い合わせを隠し、ロゴを画面中央に配置する。 */
@media screen and (max-width: 812px) {

	#header #glbnav #logo,
	#header.fixed #glbnav #logo {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		justify-content: center;
	}

	#header #glbnav #inquiry,
	#header.fixed #glbnav #inquiry {
		display: none;
	}
}

/* 初期表示から固定時と同じメニューを利用できるようにする。 */
/* fixed sub nav */
/* header */
#header #spnav,
#header #spnav .inner,
#header #spnav .inner #spnavlist,
#header #spnav .inner #spinquiry {
	width: 100%;
	color: #fff;
}

#header #spnav .inner #spnavlist li a,
#header #spnav .inner #spinquiry {
	display: block;
	color: #fff;
	width: 100%;
	padding: 8px;
	text-align: center;
}

#header #spnav {
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	height: 100vh;
	opacity: 1;
	transition: .3s;
}

#header.open #spnav {
	left: 0;
	background: rgba(0, 0, 0, .8);
}

#header #spnav .inner {
	padding: 100px 0 0;
}



/* nav_switch */
#header #nav_switch {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 30px;
	height: 100%;
	margin: auto;
	z-index: 999;
}

#header #nav_switch .inner {
	position: absolute;
	top: 0;
	bottom: 0;
	border-radius: 2px;
	background: #fff;
	width: 100%;
	height: 3px;
	margin: auto;
}

#header #nav_switch .inner::before,
#header #nav_switch .inner::after {
	content: "";
	position: absolute;
	border-radius: 2px;
	background: #fff;
	width: 100%;
	height: 100%;
	transition: .3s;
}

#header #nav_switch .inner::before {
	top: -9px;
}

#header #nav_switch .inner::after {
	bottom: -9px;
}

#header.open #nav_switch .inner {
	background: rgba(255, 255, 255, 0);
}

#header.open #nav_switch .inner::before,
#header.open #nav_switch .inner::after {
	top: 0;
	bottom: 0;
	margin: auto;
}

#header.open #nav_switch .inner::before {
	transform: rotate(45deg);
}

#header.open #nav_switch .inner::after {
	transform: rotate(-45deg);
}

#header #glbnav {
	position: relative;
	z-index: 998;
}

#header #nav_switch {
	cursor: pointer;
}

@media screen and (min-width: 813px) {
	#header #glbnav #logo {
		margin-left: 80px;
	}
}

@media screen and (max-width: 599px) {
	.excursion>nav>a>img {
		height: 13px;
		width: auto;
		max-width: 100%;
	}
}