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

header nav{ position:fixed; bottom:0; z-index:1;}
header nav .open{ cursor:pointer;}
header nav ul li > ul{ display:none;}
header .head .logo{ width:25%;}

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

.spBtn p{ text-align:center; height:60px; width:33.333%; font-size:11px; position:relative; background-size:25px; background-position:center 8px;  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-color:#000;}
.spBtn p:nth-child(2){ background-color:#4d4d4d;}
.spBtn p:nth-child(3){ background-color:#000;}
.spBtn p:nth-child(1){ background-image:url(../img/parts/nav_tic.png) ;}
.spBtn p:nth-child(2){ background-image:url(../img/parts/nav_acc.png) ;}
.spBtn p:nth-child(3){ background-image:url(../img/parts/nav_men.png) ;}

/* スマホの時のアコーディオンナビ */
.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 a:hover, .menu li.current-menu-item a{ color:#f49f00; text-decoration:none;}
header .head nav ul li{ text-align:left;}
.no-scroll {  overflow: hidden;}

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

@media ( min-width : 768px ) {
	
	header{ display:flex;}
	header .head .logo{ width:15.09%;}
	header .head .rgt{ width:82%; position:relative;}
	header .head .rgt > ul { display:flex; justify-content:flex-end;}
	header .head .rgt > ul li{ margin-left:1rem;}
	
	header nav{ position: absolute; width:100%; bottom: 0; }
	header nav .menu{ height:auto;  padding:0; overflow:inherit;}
	header nav ul li > ul{ display:block;} 
	.spBtn{ display:none;}
	
	.menu { position: relative;	width: 100%; margin: 0 auto; padding:0;  display:flex;}	
	.menu li{ line-height:inherit; border-bottom:none; width:10%; font-size:0.95rem;}
	.menu li.current-menu-item a, .menu li a:hover{ border-bottom: solid 3px #f49f00;}
	header .head nav ul li{ text-align:center;}
	
	/* floatクリア */
	.menu:before, .menu:after {content: " "; display: table;}
	.menu:after { clear: both;}
	.menu {*zoom: 1;}
	


}