/*ヘッダー*/
header#FixMenu {width:100%; z-index:10;}

/*固定メニュー*/
header#FixMenu .menu {width:100%; height:60px; z-index:88888; position: fixed; top:-59px; opacity: 0; -webkit-transition:all .5s; transition:all .5s;}


header#FixMenu .menu.slide {top:0px; opacity:1;}

header#FixMenu .menu .logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 150px;
}
header#FixMenu .menu .logo img {}

.menu .MenuBtn{position:absolute; right:15px; top:12px; width:110px; height:35px;}
.menu .MenuBtn img {width: 100%;}
.menu #MenuOpen {cursor: pointer;}
.menu.open #MenuOpen {display: none;}
.menu #MenuClose {cursor: pointer;display: none;}
.menu.open #MenuClose {display: block;}

header#FixMenu .menu nav {display:none; position:absolute; top:60px; left:0px; width:100%; padding: 30px 0;}
header#FixMenu .menu nav>ul{margin:0 auto; width:100%; display:table; box-sizing:border-box;}
header#FixMenu .menu nav>ul>li{display:table-cell; width:25%; box-sizing:border-box; border-right:1px solid #001818; padding:10px;}
header#FixMenu .menu nav>ul>li h3{font-size:22px; margin-bottom:15px;}
header#FixMenu .menu nav>ul>li>ul{list-style:none;}
header#FixMenu .menu nav>ul>li>ul>li{margin-bottom:10px;}
header#FixMenu .menu nav>ul>li>ul>li:last-of-type{margin-bottom:0px;}
header#FixMenu .menu nav>ul>li a{display: block; line-height:20px;}
header#FixMenu .menu nav>ul>li a{background:url(../img/icon/menuarrow.png) left center no-repeat; padding-left:20px; text-decoration:none; font-size:16px;}


header#FixMenu .menu nav{background: #009E84;border-top: 1px solid #000000;}
header#FixMenu .menu nav>ul{border-left:1px solid #000000;}
header#FixMenu .menu nav>ul>li{border-right:1px solid #000000;}
header#FixMenu .menu nav>ul>li h3{color:#FFFFFF; border-bottom:1px solid #000000; background: #009E84;}
header#FixMenu .menu nav>ul>li a{color:#FFFFFF;}
header#FixMenu .menu nav ul li a:hover{color: #FFFFFF;}



header#Clogo{width:100%; height:auto;}

header#Clogo .logo{width:170px; height:170px; margin: 50px auto 20px;}



/*------------------------------------------------------------
##  スマフォ
-------------------------------------------------------------*/
@media screen and (max-width: 899px) {
a{text-decoration:none; display:block;}
.pc{display: none;}
.sp{display: block;}

/*ヘッダー*/
header#FixMenu .menu{height:60px;}

header#FixMenu .menu .logo {top:5px; left:20px;}
header#FixMenu .menu .logo {width: 200px; height: auto;}

header#FixMenu .menu nav{display:none; padding:0; position:absolute; top:60px; left: 0px; width:100%; height:100%; -webkit-overflow-scrolling:touch;}
header#FixMenu .menu nav>ul{display:block; margin:0; padding:0; border:none;}
header#FixMenu .menu nav>ul>li{display: block; margin:0; padding:0; border:none; width:100%;}
header#FixMenu .menu nav>ul>li h3{margin:0; padding:5px; font-size:16px; padding-left: 0;}
header#FixMenu .menu nav>ul>li>ul>li{margin-bottom:0;}
header#FixMenu .menu nav>ul>li a{background-size:20px; background:url(../img/icon/menuarrow.png) 8px no-repeat; padding:5px 10px 8px 30px; font-size:16px; font-weight:bold; line-height:20px;}

header#FixMenu .menu .MenuBtn{position:absolute; right:10px; top:0px; width:51px; height:56px;}
header#FixMenu .menu .MenuBtn img {width:100%;}
header#FixMenu .menu #MenuOpen{cursor: pointer;}
header#FixMenu .menu.open #MenuOpen{display:none;}
header#FixMenu .menu #MenuClose {display:none; cursor:pointer;}
header#FixMenu .menu.open #MenuClose{display:block;}
	
header#FixMenu .menu nav>ul>li h3{color:#FFFFFF; border-bottom:1px solid #001818;}
header#FixMenu .menu nav>ul>li>ul>li{background:#555555; border-bottom:1px solid #001818;}
header#FixMenu .menu nav>ul>li a{color:#FFFFFF;}
}


/*サイドナビ使用時*/
@media screen and (min-width: 899px) {
	header#FixMenu .menu {
		display:none;
	}
}