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


/*pc*/
/*ハンバーガーボタン PC非表示*/  
#gNav{
}
#gNav .navbtn {
	display: none;
}
#gNav ul.close {
	display: none;
}


/* 2階層 */
#gNav .submenu {
	display: none;
	position: absolute;
	left: 0;
	width: auto;
	z-index: 2;
	background:#004997;
	top: 70px; /*ドロップダウン出る位置*/
	padding-top:10px;
	padding-bottom:10px;
}
#gNav .submenu > li {
	display:block;
	white-space: nowrap;
	line-height:auto;
	padding:0;
	text-align:left;
}
#gNav .submenu > li > a {
	width:100%;
	padding:10px;
 	display:block;
	font-size: 1.5rem;
	color:#fff;
	background-color: #004997;
	height:auto;
	line-height:1.5;
	text-decoration: none;
	position:relative;
	text-align:left;
}

/*sp*/
@media (max-width:768px) {
/*ハンバーガーボタン*/  
#gNav .navbtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}  
#gNav .navbtn a,
#gNav .navbtn a.close {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background-color:#004997;
}
/*メニュー文字*/
#gNav .navbtn a span {
	display: block;
    position: absolute;
	bottom:2px;
	font-size:10px;
	width:50px;
	text-align:center;
    color:#fff;
	font-weight:400;
	left:0;
}
/*線 一括指定*/
#gNav .navbtn a::before,
#gNav .navbtn a.close::before,
#gNav .navbtn a span::after,
#gNav .navbtn a.close span::after,
#gNav .navbtn a::after,
#gNav .navbtn a.close::after{
	position: absolute;
	content:"";
	width: 24px;
	height: 2px;
	left:13px;
	transition: .3s;
	background-color:#fff;
}
/*上線*/
#gNav .navbtn a::before,
#gNav .navbtn a.close::before {
	top:10px;
}
#gNav .navbtn a.open::before {
	top:18px;
	transform: rotate(-45deg);
}
/*真ん中線*/
#gNav .navbtn a::after,
#gNav .navbtn a.close::after {
	top:20px;
}
#gNav .navbtn a.open::after {
	top:18px;
	transform: rotate(-135deg);
}
/*下線*/
#gNav .navbtn a span::after,
#gNav .navbtn a.close span::after {
	bottom:auto;
	top:-2px;
}
#gNav .navbtn a.open span::after {
	display: none;
}



/*ナビ本体SP*/
#gNav {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	display:block;
}
#gNav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 30px;
    right: 20px;
    width: 7px;
    height: 7px;
    margin: -4px 0 0 0;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
	transition: all .3s;
}
#gNav > ul > li.parent.open > a::before {
	transform: rotate(-45deg);
    margin: -2px 0 0 0;
}
#gNav > ul > li.parent.open {
	border-bottom: none;
}
/* 2階層 */
#gNav .submenu {
	position: static;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-top:0;
}
#gNav .submenu > li {
	border-top: none;
}
#gNav .submenu > li > a {
	line-height:40px;
	height:40px;
	padding:0 30px;
	font-size: 1.5rem;
	text-align:center;
}






}