/*---------------------------------------

  	ヘッダー
  
----------------------------------------*/
.site_header {
	background:#fff;
}
.site_header .wrap {
	position:relative;
	margin:0 auto;
	max-width:1600px;
	text-align:center;
}
.site_header .wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.site_header h1 {
	text-align:center;
	font-size:0.92em;
	margin:0;
	font-weight:normal;
}
.site_header .logo {
	padding:0;
	margin:0;
}
.site_header .logo img {
	max-width:360px;
	width:88%;
	margin:0 auto;
	height:auto;
}
.site_header .inner {
	max-width:1440px;
	position:relative;
	padding:19px 3.6%;
	display:block;
	margin:0 auto;
}
.site_header .tel {
	position: absolute;
	margin:auto;
	top:38px;
	right:185px;
}
.site_header .tel img {
	max-width:186px;
	height:auto
}
.site_header .info {
	position: absolute;
	margin:auto;
	top:52px;
	right:190px;
}
.site_header .info ul li {
	color:#fff;
	float:left;
	list-style:none;
	font-size:0.9em;
	padding-left:1.3em;
	font-weight:bold;
}
@media screen and (max-width:980px) {
	.site_header .info {
		top:52px;
		right:10px;
	}
}
@media screen and (max-width: 767px) {
	.site_header {
    	position: relative;
		padding-top:0.4em;
	}
	.site_header h1 {
		font-size:0.8em;
	}
	.site_header .wrap {
		padding:0;
		text-align:center;
	}

	.site_header .wrap .logo img {
		max-width:270px;
		width:72%;
		height:auto;
		margin:0 auto;
	}	
	.site_header .nav_wrap {
		display:none;
	}
	.site_header .wrap .entry {
		display:none;
	}
	.site_header .tel {
		position:relative;
		display:block;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		text-align:center;
	}
	.site_header .info {
		position:relative;
		display:block;
		margin:auto;
		top:0;
		left:0;
		right:0;
		text-align:center;
	}
	.site_header .info ul {
		display:inline-block;
		margin:0 auto;
		padding:0;
	}
}
@media screen and (max-width: 480px) {
	.site_header .info ul {
		max-width:190px;
		margin:0 auto;
	}
	.site_header .info ul li {
		float:none;
		text-align:left;
	}
}


	nav {
		margin:0 auto;
	}
	nav ul {
		margin:0 auto;
		padding:0;
	}
	nav ul li {
		float:left;
		margin:0;
		padding:0 1.2%;
		min-width:120px;
		list-style:none;
		border-left:1px solid #fff;
	}
	nav ul li:last-child {
		border-right:1px solid #fff;
	}

	nav ul li a {
		color:#fff;
		position:relative;
		display:block;
		font-size:1.05em !important;
		margin:0;
		font-weight:bold;
		padding:0.2em 0 0.15em 0;
		text-align:center;
		letter-spacing:0.12em;
		text-decoration:none;
	}
	nav ul li a span {
		display:block;
		font-family: 'Oswald', sans-serif;
		font-weight:normal;
		letter-spacing:0.09em;
		font-size:0.7em;
	}
	nav ul li a::after {
		position: absolute;
  		bottom: -2px;
  		left: 0;
  		content: '';
  		width: 100%;
  		height: 2px;
  		background:#fff;
  		opacity: 0;
  		visibility: hidden;
  		transition: .3s;
  	}
	nav ul li a:hover:after {
		bottom: 2px;
  		opacity: 0.6;
  		visibility: visible;
	}
	nav ul li a:hover {
		opacity:0.92;
		color:#fff;
	}
	#toggle_nav {
		display:none;
	}
	#toggle_nav ul {
		display:none;
	}

/*  　スマホ表示（バーガーメニュー ） 
----------------------------------------*/

	#toggle_nav {
		display:none;
	    position: fixed;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width: 100%;
		height: 100vh;
		background:rgba(0,0,0,0.918);
		z-index:1000;
	}
	#toggle_nav ul {
		display: block;
		height:380px;
		position: absolute;
		z-index:10001;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		padding:0;
	}
	#toggle_nav ul li {
		margin: 0 auto;
		text-align: left;
		list-style:none;
	}
	#toggle_nav ul li a {
		position:relative;
		display:block;
		height:54px;
		line-height:54px;
		color:#fff;
		padding-left:6%;
		font-size:1.05em;
		border-top:1px solid rgba(255,255,255,0.2);
	}
	#toggle_nav ul li:last-child a {
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	#toggle_nav ul li a:hover {
		opacity:0.8;
		background:rgba(0,0,0,0.3);
	}
	/*  >  を描く  */
	#toggle_nav ul li a:before {
		position:absolute;
		top:37%;
		right:13px;
		content:'';
		height:6px;
		width:6px;
		display:block;
		border:1px solid #fff;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
	.btn_wrap {
		background:#8e9193;
	    position: fixed;
		top:6px;
		right:6px;
		z-index:1001;
		width:50px;
		height:32px;
		display:block;
	}
	.btn_wrap:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.menu_btn {
		position: relative;
		display: block;
	    position: fixed;
		top:0;
		right:6px;
		text-align:left;
		margin:16px 10px 0 0;
		width: 29px;
		height: 36px;
		z-index:1002;
		cursor:pointer;
	}
	.menu_btn:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.menu_btn div {
		position: relative;
	}
	.menu_btn span{
		display: block;
		height: 1px;
		background:#fff;
		position:absolute;
		width:100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	.menu_btn span:nth-child(1){
		top:1px;
	}
	.menu_btn span:nth-child(2){
		top:12px;
	}
	.menu_btn span:nth-child(3){
		top:23px;
	}
	/* 開閉ボタンopen時 */
	.tel_img_mn {
		position:absolute;
		bottom:80px;
		margin:auto;
		left:0;
		right:0;
		text-align:center;
	}
	.open .menu_btn span {
		background:#fff;
	}
	.open .menu_btn span:nth-child(1) {
		top: 12px;
	   -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open .menu_btn span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open .menu_btn span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}