ul { list-style: none; }
header { font-family: '游明朝体', 'Yu Mincho', 'YuMincho', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'source-han-serif-japanese', serif; }
.inner {
	width: 100%;
	padding-left: 7vw;
	padding-right: 7vw;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1480px + 14vw);
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 50px;
}
a {
	text-decoration: none !important;
	color: rgba(111,62,20,1);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	transition: all .2s ease;
	display: block;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


header .logo { width: 160px; margin-right: 4vw; }
header .reserve {
	background: rgba(111,62,20,1);
	color: rgba(234,228,208,1);
	padding: 10px 20px;
    font-weight: 600;
    letter-spacing: .1em;
    font-size: 16px;
	margin-left: 3vw;
	white-space: nowrap;
}
header .gl-nav {
	opacity: 1;
	animation: fadeIn 0.3s ease-in 0s forwards;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .gl-nav ul,
header .sub-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
    padding: 0;
}
header .main-nav li:not(:last-child) { margin-right: 30px; }
header .main-nav { margin-right: 50px; }
header .gl-nav a {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: rgba(111,62,20,1);
	letter-spacing: 0.2em;
	white-space: nowrap;
}
header .sub-nav { position: relative; }
header .sub-nav:before {
	content: "";
	width: 60px;
	height: 5px;
	position: absolute;
	left: 0;
	top: -20px;
	background: rgba(234,228,208,1);
}
header .sub-nav li:not(:last-child) { margin-right: 20px; }
header .sub-nav a {
	font-size: 13px;
	letter-spacing: .1em;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
header .gl-nav a:hover,
header .sub-nav a:hover { color: rgba(95,145,49,1); text-decoration: none; }

.pc-display { display: block; }
.sp-display { display: none; }

@media screen and (max-width: 1480px) {
	header .inner { padding-left: 3vw; padding-right: 3vw; }
}
@media screen and (max-width: 1280px) {
	header .sub-nav { display: none !important; }
}
@media screen and (max-width: 834px) {
	.pc-display { display: none; }
	.sp-display { display: block; }
	header .gl-nav { display: none; opacity: 0; }
	header .inner {
		justify-content: space-between;
		padding-bottom: 10px;
		padding-top: 10px;
		max-width: 100%;
	}
	header .logo { width: 200px; margin-right: 0; }
}