@charset "UTF-8";
/* CSS Document */

header nav{ position:fixed; bottom:0; z-index:99999;}
header nav .open{ cursor:pointer;}

/* スマホの時の下のボタン */
.spBtn{ position:fixed; bottom:0; width:100%; display:flex; flex-flow:row nowrap; justify-content:space-around; background:#f49800; border-top: solid thin #CCC; z-index:10;}

.spBtn p{ text-align:center; height:50px; font-size:12px; width:33.333%; position:relative; background-size:30px; background-position:center 6px; border-right: solid thin #CCC;
 background-repeat:no-repeat;}
.spBtn p a{ width:100%; display:block; height:100%; position:relative;}
.spBtn p span{ position:absolute; bottom:0; width:100%; text-align:center; display:block; color:#FFF;}

.spBtn p:nth-child(1){ background-image:url(../img/parts/menu_map.png); }
.spBtn p:nth-child(2){ background-image:url(../img/parts/menu_mail.png); }
.spBtn p:nth-child(3){ background-image:url(../img/parts/menu_hum.png); border-right:none;}

/* スマホの時のアコーディオンナビ */
/* .menu_wrap{background:#000;} */
.menu{ display:none; width: 100%; height: 100%; position:fixed; left: 0; bottom: 0; padding:20px 20px 50px 20px;   overflow:auto; background:#FFF; margin-top:20px;}
.menu li{ line-height:40px; border-bottom:solid thin #CCC;}
.menu li:last-child{ border-bottom:none;}
.menu li a{ font-size:1.28em; font-weight:bold; }
.menu li >ul{ padding-left:20px;}
.menu > li span{color:#D69600; font-size:10px; }
.no-scroll {  overflow: hidden;}

.init-right:after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


/*--- PCサイズ--------------------------------*/

@media ( min-width : 768px ) {
	
	header nav{ position:inherit; bottom: inherit;}
	header nav .menu{ display:block; height:auto; position:inherit; padding:0; overflow:inherit;}
	header nav ul li > ul{ display:block;} 
	.spBtn{ display:none;}
	
	
	.menu { position: relative;	width: 100%; height:50px; margin: 0 auto; padding:0; max-width:960px; border-right:solid thin #D9DFDF;}
	.menu li{ border-bottom:0;}
	.menu > li {float: left; width: 14.28%;	line-height:1em; border-left:solid thin #D9DFDF; /* height: 50px; */ }
	.menu > li span{ display:block; margin-top:1em; }
	
	.menu > li a { display: block; text-align:center; font-size:0.9em;}	
	.menu > li a:hover { color: #999;}
	ul.menu__second-level {	visibility: hidden;	opacity: 0;	z-index: 1;}
	ul.menu__third-level {	visibility: hidden;	opacity: 0;	}
		
	.menu > li:hover { -webkit-transition: all .5s;	transition: all .5s;}
	
	/* ナビゲーション階層 */
	.menu .menu-item-has-children{ position: relative;}
	.menu .sub-menu{ z-index:1000; visibility: hidden; opacity: 0; position: absolute; top: 40px; width: 200%; background: #FFF; -webkit-transition: all .2s ease;transition: all .2s ease; }
	.sub-menu li span{ display:inline;}
	.sub-menu li a{ text-align:left;}
	.menu .menu-item-has-children:hover .sub-menu{ top: 50px; visibility: visible; opacity: 1;}
	
	/* 下矢印 */
	.init-bottom:after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	
	/* floatクリア */
	.menu:before, .menu:after {content: " "; display: table;}
	.menu:after { clear: both;}
	.menu {*zoom: 1;}
	.menu > li.menu__multi {position: relative;}


}