@charset "utf-8";

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



   nav


------------------------------------------------*/
.global{
	background:#092135;
	margin:10px 0 !important;
}
.global ul{
}
.global ul li{
	padding:0;
}
.global ul li a{
	display:block;
	padding:20px;
	color:#fff !important;
}




/*------------------------------------------------
   spnav
------------------------------------------------*/
.re_mo_disp{
	display:none;
}
#sp_header .inner {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:none;
		z-index:9999;
		-webkit-user-select:none;
		-moz-user-select:none;
		user-select:none;
}

nav {
			-webkit-transition: 0.5s ease;
			-moz-transition: 0.5s ease;
			transition: 0.5s ease;
	}

/* オーバーレイ */
.overlay {
			position: fixed;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
			z-index: 999;
}


/* ナビゲーション：アクティブ時 */
	header.navOpen nav {
		opacity: 1;
		right: 0;
		overflow: scroll;
		height:100%;
	}
	header nav ul {
		width: 100%;
		/*border-top:1px solid #ccc;*/
	}
	header nav ul li {

	}


	/* ナビゲーションアイコン */
	header .navBtn {
			display: none;
			width: 30px;
			position: absolute;
			top: 21px;
			right: 15px;
			cursor: pointer;
	}
	header .navBtn span {
			display: block;
			height: 4px;
			width: 100%;
			background:#372c26;
			border-radius: 2px;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
	}
	header .navBtn span:nth-of-type(2),
	header .navBtn span:nth-of-type(3) {
			margin-top: 5px;
	}
	/* ナビゲーションアイコン：アクティブ */
	header.navOpen .navBtn span:nth-of-type(1) {
			-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
			-ms-transform: translateY(9px) translateX(0) rotate(45deg);
			transform: translateY(9px) translateX(0) rotate(45deg);
	}
	header.navOpen .navBtn span:nth-of-type(2) {
			margin-top: 5px;
			opacity: 0;
			-webkit-transform: translateY(9px);
			-ms-transform: translateY(9px);
			transform: translateY(9px);
	}
	header.navOpen .navBtn span:nth-of-type(3) {
			-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
			transform: translateY(-9px) translateX(0) rotate(-45deg);
	}


	header h1 {
			width: auto;
			margin-top: 0;
	}
	header .navBtn {
			display:block;
			z-index:10000 !important;
	}

	header nav {
			overflow: auto;
			position: fixed;
			top: 0;
			opacity: 0;
			right: -70%;
			float:none;
			width: 65%;
			max-width:320px;
			height: 100%;
			background: #f2f2f1;
			opacity: 0;
			z-index:9999;
			height:auto;
			padding-bottom:0px;
	}

	header nav ul li {
			float: none;
			width: auto;
			text-align:center;
			border-top:1px dashed #CCC;
	}
	header nav ul li a.nest {
				padding:8px 12px 8px 30px;
				font-size: 13px;
		}

	header nav ul li:first-child{
	}

	header nav ul li:last-child{
	                border-bottom:1px dashed #CCC;
	}


	header nav ul li a{
		padding:12px 12px 12px 20px;
		display:block;
		text-align: left;
		color:#333 !important;
	}

	header nav ul li a:hover{
		text-decoration:none;
	}
	.nav_re_logo a {
		display: block;
	    width: 80px;
	    height: 80px;
		background: url(../../img/common/logo.svg) center center no-repeat;
		background-size:100% auto;
	    margin: 20px auto;
	    background-size: 100%;
	}





@media screen and (max-width: 480px) {
.re_mo_disp{
	display:block;
}
.global{
	display:none;
	
}

}