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

header nav{ position:fixed; bottom:0; z-index:99999;}
header nav .open{ cursor:pointer;}
header nav ul li > ul{ display:none;}

/* スマホの時の下のボタン */
.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:10px; position:relative; background-size:30px; background-position:center 10px;  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/i_nv_a.png);}
.spBtn p:nth-child(2){ background-image:url(../img/i_nv_f.png);}
.spBtn p:nth-child(3){ background-image:url(../img/i_nv_m.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 span{ margin-left:1rem; font-size:0.75rem;}
.menu li:last-child{ border-bottom:none;}
.menu li a{ font-size:1.28em; font-weight:bold;}
.no-scroll {  overflow: hidden;}

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

@media ( min-width : 768px ) {
	
	header nav{ position:inherit; bottom: inherit; margin-bottom:2.5em;}
	header nav .menu{ height:auto; position:inherit; padding:0; overflow:inherit;}
	header nav ul li > ul{ display:block;} 
	.spBtn{ display:none;}
	
	.menu { position: relative;	width: 100%; margin: 0 auto; padding:0; max-width:960px; display:flex; align-items:center;}	
	.menu li{ /* line-height:40px; */ border-bottom:none; width:20%; border-left:solid thin #cbcbcb; }
	.menu li:last-child{ border-right:solid thin #cbcbcb; }
	.menu li a{ line-height:1.5; display:block; text-align:center; font-size:14px; font-weight:bold;}
	.menu li a span{ display:block; margin:0; text-align:center; line-height:1; font-weight:lighter;}
	.menu li.cur a{ background-color:#fff1ea; display:block; text-align:center; }
	
	/* floatクリア */
	.menu:before, .menu:after {content:""; display: table;}
	.menu:after { clear: both;}
	.menu {*zoom: 1;}
	
}