header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}
header .inner {
	margin: 0 auto 0 auto;
	padding: 34px 56px;
	max-width: 100%;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation: fadeIn 3s ease;
	animation: fadeIn 3s ease;
}
.hbox1 {
	width: 204px;
}
.hnav {
	margin: 0 0 0 276px;
	width: calc(100% - 204px - 276px);
}
.hnav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hnav li {
	width: calc( 100% / 6 );
	text-align: center;
}
.hnav a {
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.3334;
	text-align: center;
}
header.fixed {}
header.fixed .inner {
	background: #0A0A4B;
	-webkit-transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-animation: fadeIn 3s ease;
	animation: fadeIn 3s ease;
}


/* hb END */
/* .gnav */

/* .gnav END */
/* ハンバーガー */
.tgl-lv-def,
.tgl-inp-def,
input[type="checkbox"].tgl-inp-def:focus {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	box-sizing: inherit;
	border-bottom: none;
	border-left: none;
}
.hb-tgl-lv,
.hb-tgl-inp {
	display: none;
}