@charset 'UTF-8';
/*
  HEADER:GENERAL
--------------------------------------------- */
/*
  header-top
--------------------------------------------- */
.header {
	zoom:1;
	position:relative;
	padding-bottom:80px;
	width:100%;
	margin:0 auto;
	height:80px;
	z-index:2;
}
.header:before, .header:after {
	content:'';
	display:table;
}
.header:after {
	clear:both;
}
.header__bg {
	background:#5e3b87;
	min-width:1170px;
	width:100%;
	height:80px;
	margin:0 auto;
}
.header__inner {
	position:relative;
	width:100%;
	margin:0 auto;
}
.header__inner h1 {
	float:left;
	width:161px;
	padding:20px 0 0 0;
	margin-left:5%;
}
.header__inner .gnav-content {
	width:100%;
}
.header__inner .gnav {
	float:left;
	padding:0 0 0 5%;
	height:80px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	list-style-type:none;
}
.header__inner .gnav__item {
	padding:0 28px 0 0;
}
.header__inner .gnav__item a {
	color:#fff;
	font-size:16px;
	transition: all .5s;
}
.header__inner .gnav__item a:hover {
	opacity: 0.7;
}
.header__inner .reserve {
	float:left;
	color:#fff;
	display:table;
	height:80px;
}
.header__inner .reserve dt, .header__inner .reserve dd {
	display:table-cell;
	vertical-align:middle;
}
.header__inner .reserve dt {
	font-size:10px;
}
.header__inner .reserve dd {
	font-size:20px;
	padding-left:25px;
	font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight:bold;
}
.header__inner .reserve dd a{
	color: #FFF;
}

.header__inner .button-area {
	float:right;
	padding:15px 0 0 0;
	margin-right:5%;
}
.header__inner .button-area__button{
	display:block;
	border:1px solid #fff;
	color:#fff;
	font-size:14px;
	padding:12px 10px;
	transition: all 0.5s;
}
.header__inner .button-area__button:hover{
	opacity: 0.7;
}
.header .utility-nav {
	display:none;
}
.header .menu-trigger {
	display:none;
}

.header-lower{
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	.header {
		zoom:1;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		min-width:100%;
		margin:0 auto;
		height:60px;
		z-index:2;
		padding-bottom:0;
	}
	.header:before, .header:after {
		content:'';
		display:table;
	}
	.header:after {
		clear:both;
	}
	.header__bg {
		min-width:100%;
		width:100%;
		height:60px;
		margin:0 auto;
		background:#5e3b87;
	}
	.header__inner {
		position:relative;
		width:100%;
		margin:0 auto;
	}
	.header__inner .gnav-logo {
		height:60px;
		zoom:1;
	}
	.header__inner .gnav-logo:before, .header__inner .gnav-logo:after {
		content:'';
		display:table;
	}
	.header__inner .gnav-logo:after {
		clear:both;
	}
	.header__inner h1 {
		float:left;
		width:132px;
		padding:15px 0 0 0;
		margin-left:14px;
	}
	.header__inner .gnav-content {
		background:rgba(94, 59, 135, 0.95);
		width:100%;
		display:none;
	}
	.header__inner .gnav {
		float:none;
		padding:30px 0 30px 0;
		height:inherit;
		display:block;
	}
	.header__inner .gnav__item {
		text-align:center;
		padding:0;
	}
	.header__inner .gnav__item a {
		display:block;
		padding:25px 0;
		color:#fff;
		font-size:2rem;
	}
	.header__inner .gnav__item a:hover {
		opacity: 1;
	}
	.header__inner .reserve {
		float:none;
		color:#fff;
		display:block;
		height:inherit;
	}
	.header__inner .reserve dt, .header__inner .reserve dd {
		display:block;
		vertical-align:middle;
		text-align:center;
	}
	.header__inner .reserve dt {
		font-size:1rem;
	}
	.header__inner .reserve dd {
		font-size:3rem;
		padding-left:0;
		font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
		font-weight:bold;
		margin-bottom:25px;
	}
	.header__inner .button-area {
		float:none;
		padding:0 15px 52px;
		margin-right:0;
	}
	.header__inner .button-area__button {
		text-align:center;
		display:block;
		border:1px solid #fff;
		color:#fff;
		font-size:2rem;
		padding:12px 10px;
	}
	.header__inner .button-area__button:hover{
		opacity: 1;
	}
	.header .utility-nav {
		zoom:1;
		float:right;
		display:block;
	}
	.header .utility-nav:before, .header .utility-nav:after {
		content:'';
		display:table;
	}
	.header .utility-nav:after {
		clear:both;
	}
	.header .btn-inquiry {
		float:left;
		margin:7px 7px 0 0;
		text-align:center;
	}
	.header .btn-inquiry a {
		font-size:1.2rem;
		display:block;
		width:105px;
		border:1px solid #fff;
		color:#fff;
		height:45px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.header .menu-trigger {
		float:left;
		display:block;
	}
	.header .menu-trigger, .header .menu-trigger span {
		display:inline-block;
		-webkit-transition:all 0.4s;
		transition:all 0.4s;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.header .menu-trigger {
		position:relative;
		width:45px;
		height:45px;
		border:1px solid #fff;
		margin:7px 7px 0 0;
		display:block;
	}
	.header .menu-trigger:after {
		position:absolute;
		top:32%;
		left:32%;
		font-family:'Material Icons';
		font-size:15px;
		line-height:1;
		white-space:nowrap;
		content:'menu';
		color:#fff;
	}
	.header .menu-trigger.active:after {
		content:'close';
	}
}