@charset "UTF-8";

.header {
    text-align:center;
    position:relative;
    z-index:1;
}
.header_inner {
    width:calc(100% - 60px);
    max-width:1200px;
    margin:0 auto;
    padding:10px 0;
    display:grid;
    grid-template-columns:80px 1fr 100px;;
    grid-column-gap:30px;
    align-items:center;
}
.header_inner h1 {
    width:80px;
}
.header_inner p.msg {
    color:#000000;
    font-size:1.4rem;
    justify-self:end;
}
.header_inner .logoutbtn {
    background-color:#6fba2c;
    font-size:1.3rem;
    color:#FFFFFF;
    width:100px;
    height:2em;
    display:grid;
    grid-template-columns:repeat(2,auto);
    grid-column-gap:.5em;
    align-items:center;
    justify-content:center;
    border-radius:4px;
}

#header .menu-gmenu-container {
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
#header .menu-gmenu-container .menu {
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border-left:1px solid #cccccc;
}
#header .menu-gmenu-container .menu > li {
    position:relative;
    border-right:1px solid #cccccc;
}
#header .menu-item-has-children > a {
    pointer-events:none;
}
#header .menu-item-has-children:hover > a {
    background-color:#6fba2c;
    color:#FFFFFF;
}
#header .menu-item-has-children > a::after {
    content:'▼';
    display:inline-block;
    font-size:.5em;
    margin-left:.75em;
    transform:translateY(-.33em);
}
#header .menu-gmenu-container .menu ul {
    position:absolute;
    left:0;
    bottom:auto;
    z-index:999;
    background:#FFFFFF;
    width:100%;
    border:2px solid #EFEFEF;
    display:none;
}
#header .menu-gmenu-container .menu li:hover ul {
    display:block;
}
#header .menu-gmenu-container .menu ul li:not(:last-child) {
    border-bottom:2px solid #EFEFEF;
}
#header .menu-gmenu-container .menu a {
    display:block;
    font-size:1.4rem;
    height:50px;
    line-height:50px;
    text-align:center;
    position:relative;
}
#header .menu-gmenu-container .menu a:hover,
#header .menu-gmenu-container .menu .current-page-item a,
#header .menu-gmenu-container .menu .current-menu-item a {
    background-color:#6fba2c;
    color:#FFFFFF;
}
#header .menu-gmenu-container .menu a .svg-inline--fa {
    color:#6fba2c;
    margin-right:.25em;
    font-size:1.2em;
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}