/*---------------------------------------------------------
グローバルメニューの設定
---------------------------------------------------------*/
.global-menu {
    margin-bottom: 1rem;
}

#gnav {background-color:#333;}
#gnav .inner {padding:0 10px;}
.gnav-container {font-size: inherit;}
.gnav-container .sub-menu{z-index:10;font-size:14px;margin:0;}
.gnav-container ul {margin:0;padding:0;list-style:none;}
.gnav-container li {float:left;position:relative;padding:0;text-align: center;}
.gnav-container li .sub-menu li a {color:#fff !important; background:#558139 !important; width: max-content;}
.gnav-container li .sub-menu li a:hover {color:#ffffff !important; background:#828282 !important;}
.gnav-container li .current-menu-item a {background-color:#888;color:#fff;}
.gnav-container li a {display:block;padding:15px;color:#fff !important; text-decoration:none; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
.gnav-container li a:hover {background-color:#828282 !important;}
.gnav-container li:hover > .sub-menu {display:block;/display:none;}

@media (min-width:768px){
#_gnav-ul {display:none}
.gnav-container li a:hover {color:#fff;background-color:#888;}
.gnav-container li .sub-menu {display:none;position:absolute;width:100%;background:#fff;border:none;border-bottom:none;margin:0;}
.gnav-container li .sub-menu li {float:none;border-bottom:1px solid #444;margin-right:0;padding:0;}
.gnav-container li .sub-menu li:last-child {border-bottom:none;}
.gnav-container li .sub-menu li a {color:#fff;background:#2b2b2b;font-size:14px;padding:14px 18px;margin-top:0;border:none;overflow:hidden;}
.gnav-container li .sub-menu .sub-menu li a {background:#555;}
.gnav-container li .sub-menu li a:hover {background:#373B3B;color:#fff;}
.gnav-container li .sub-menu li a:after {font-family:"Font Awesome 5 Free"; content:"  \f105"; font-weight: bold; float:right; padding-left:10px; padding-right: 5px;}
.gnav-container li .sub-menu .sub-menu {left:100%;top:0;}
.gnav-container li.menu-right .sub-menu {right:0;}
.gnav-container li.menu-right .sub-menu .sub-menu {right:100%;left:auto;}
.gnav-container li.menu-right li a {}
.gnav-container li.menu-right .sub-menu li a:after {font-family:"Font Awesome 5 Free"; content:"  \f104"; font-weight: bold; float:left; padding-left:10px; padding-right: 5px;}
}

@media (max-width:767px) {
#gnav .container {padding:0;width:100%;}
#gnav .container .sp {position:relative;}
.gnav-container ul {display:none;}
.gnav-container {width:100%;margin:0;padding:0;}
.gnav-container ul { margin:0;padding:0;}
.gnav-container li {display:block;float:none;width:100%;border-bottom:1px solid #fff;font-size:13px;list-style-type:none;}
.gnav-container a {color:#222;text-decoration:none;display:block;position:relative;padding:15px 35px 15px 10px;}
.gnav-container a:after {position:absolute;font-size:14px;top:50%;right:10px;font-family:FontAwesome;content:"\f138";color:#444;margin-top:-14px;}
.gnav-container li.current-menu-item a:after {color:#fff;}
.gnav-container li.current {padding:15px 35px 15px 10px;color:#fff;background-color:#fff;position:relative;}
.gnav-container li.current a:after {position:absolute;font-size:14px;top:50%;right:10px;font-family:FontAwesome;content:"\f138";color:#fff;margin-top:-14px;}
.gnav-container li .sub-menu {display:none;background:#fff;border:none;border-bottom:none;margin:0;}
.gnav-container li .sub-menu li {float:none;border-bottom:none;margin-right:0;padding:0;}
.gnav-container li .sub-menu li:last-child {border-bottom:none;}
.gnav-container li .sub-menu li a {color:#fff;background:#2b2b2b;font-size:12px;padding:14px 18px;margin-top:0;border:none;overflow:hidden;}
.gnav-container li .sub-menu a:after {color:#fff;}
.gnav-container li .sub-menu .sub-menu {left:100%;top:0;}
}

/*---------------------------------------------------------
グローバルメニューのカスタマイズ
---------------------------------------------------------*/
/*グローバルメニューの背景色を指定する*/
#gnav {
	background-color:#333 !important;
}
/*グローバルメニューの文字色を指定する*/
.gnav-container li a {
	color:#fff !important;
}
/*現在のページのグローバルメニューの背景色および文字色を指定する*/
.gnav-container li.current-menu-item a {
	color:#fff !important;
	background-color:#000 !important;
}
/*オンマウスした時のグローバルメニューの背景色を指定する*/
.gnav-container li a:hover {
    color:#fff;
    background-color:#888;
}
/*子ページがある場合、子ページのグローバルメニューの背景色および文字色を指定する*/
.gnav-container li .sub-menu li a {
    color: #333 !important;
    background: #fff !important;
}
/*現在のページのグローバルメニューに子ページがある場合、メニューの境界線の色を指定する*/
.gnav-container li .sub-menu li {
	border-bottom:1px solid #fff !important;
	border-left:1px solid #fff !important;
	width: fit-content;
}