/* header
--------------------------------*/
header img{
	display:block;
	margin:0 auto;
}
#header .logo{
	display: flex;
	background:#fef6db;
	padding:20px 0;
	box-sizing:border-box;
}
#header .logo a{
	display: inline-block;
	margin: 0 auto;
}
#header .g_navi {
	background:#541300;
}
#header .g_navi ul{
	max-width:850px;
	width:100%;
	display:flex;
	align-items: center;
	margin:0 auto;
}
#header .g_navi ul li{
	color:#FFF;
	width:20%;
	padding:15px 0;
	box-sizing:border-box;
}
#header .g_navi ul li:hover{
	background:#340c00;
}
#header .g_navi a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}
@media screen and (max-width:768px){
	header img {
		display:block;
		margin:0 auto;
		width:80%;
		max-width: 515px;
	}
	#header .logo {
		padding: 8px 0;
		box-sizing: border-box;
	}
	#header .g_navi ul{
		max-width:850px;
		width:100%;
		display:flex;
		align-items: center;
		margin:0 auto;
		gap: 3.906vw;
		justify-content: center;
		white-space: nowrap;
	}
	#header .g_navi ul li{
		padding: 15px 10px;
		box-sizing: border-box;
	}
}
@media screen and (max-width:480px) {

	#header .logo {
		padding: 8px 0;
		box-sizing: border-box;
	}
	#header .g_navi ul li{
		width:50%;
		text-align:center;
		padding:10px 0;
		box-sizing:border-box;
	}

	#header .g_navi ul li a{
		font-size:12px;
	}

	#header img{
		width:80%;
	}
}