.luxbar-default{width:100%;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-static{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);width:100%;position:absolute;top:0;left:0}
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu{position:absolute}
.luxbar-fixed{width:100%; margin-top:0px;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-fixed-bottom{width:100%;position:fixed;bottom:0;left:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.luxbar-hamburger span,.luxbar-hamburger span::before,.luxbar-hamburger span::after{display:block;height:2px;width:26px;transition:0.6s ease}
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span{background-color:transparent}
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before,.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after{margin-top:0}
.luxbar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:80px}
.luxbar-menu-left .luxbar-navigation,.luxbar-menu-left .luxbar-header{justify-content:flex-start}
.luxbar-menu-right{margin-left:auto; margin-right:auto;}
.luxbar-hamburger{margin-left:auto}

@media screen and (min-width: 768px){
.luxbar-brand{padding:0px 0px 0px 0px;}
.luxbar-brand img{width:220px;height:auto;}
.luxbar-menu{min-height:180px;transition:0.6s ease;width:100%}
}

@media (max-width:767px) and (min-width:376px) { 
.luxbar-brand{padding:0px 0px 0px 0px;}
.luxbar-brand img{width:180px;height:auto;}
.luxbar-menu{min-height:150px;transition:0.6s ease;width:100%}
}

@media (max-width: 375px){
.luxbar-brand{padding:0px 0px 0px 0px}
.luxbar-brand img{width:150px;height:auto;}
.luxbar-menu{min-height:150px;transition:0.6s ease;width:100%}
}

.luxbar-navigation{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}
.luxbar-menu a,.luxbar-item a{text-decoration:none;color:inherit;cursor:pointer}
.luxbar-item{height:40px; margin-left:auto; margin-right:auto;}

.luxbar-item a{padding:16px 0px 0px 0px;display:block}
.luxbar-hamburger{padding:18px 15px 60px 0px;position:relative;cursor:pointer}

.luxbar-hamburger span::before,.luxbar-hamburger span::after{content:'';position:absolute}
.luxbar-hamburger span::before{margin-top:-8px}
.luxbar-hamburger span::after{margin-top:8px}
.luxbar-checkbox{display:none}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{overflow:hidden;height:40px}
.luxbar-checkbox:checked ~ .luxbar-menu{transition:height 0.6s ease;height:100vh;overflow:auto}
.dropdown{position:relative;height:auto;min-height:30px}
.dropdown:hover>ul{position:relative;display:block;min-width:100%}
.dropdown>a::after{position:absolute;content:'';right:10px;top:20px;border-width:5px 5px 0;border-color:transparent;border-style:solid}
.dropdown>ul{display:block;overflow-x:hidden;list-style:none;padding:0}
.dropdown>ul .luxbar-item{min-width:100%;height:10px;padding:5px 10px 5px 20px}
.dropdown>ul .luxbar-item a{min-height:10px;line-height:10px;padding:0}

@media screen and (min-width: 768px){
.luxbar-navigation{flex-flow:row;justify-content:flex-end}
.luxbar-hamburger{display:none}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{overflow:visible}
.luxbar-checkbox:checked ~ .luxbar-menu{height:15px}
.luxbar-menu .luxbar-item{border-top:0}
.luxbar-menu-right .luxbar-header{margin-right:auto}
.dropdown{height:30px}
.dropdown:hover>ul{position:absolute;left:0;top:15px;padding:0}
.dropdown>ul{display:none}
.dropdown>ul .luxbar-item{padding:5px 10px}
.dropdown>ul .luxbar-item a{white-space:nowrap}
}

.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::before{transform:rotate(225deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::after{transform:rotate(-225deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::before{transform:rotate(45deg)}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::after{transform:rotate(-45deg)}
.luxbar-menu-material-red,.luxbar-menu-material-red .dropdown ul{background-color:#000;color:#fff}
.luxbar-menu-material-red .luxbar-hamburger span,.luxbar-menu-material-red .luxbar-hamburger span::before,.luxbar-menu-material-red .luxbar-hamburger span::after{background-color:#fff}
	
/*# sourceMappingURL=luxbar.min.css.map */

/* 追加 */

.g_fonts_menu{
	font-size: 120%;
	letter-spacing:4px;
}


/*==================================================
共通　横並びのための設定
===================================*/

.gnavi{
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0 0 50px 0;
    list-style: none;
}

.gnavi li a{
    display: block;
   padding:10px 30px;
    text-decoration: none;
    color: #fff;
}

.gnavi li{
    margin-bottom:20px;
}

/*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/

.gnavi li a{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}

.gnavi li.current a,
.gnavi li a:hover{
	color:#ffffff;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 2px;
    background:#ffffff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}