@charset "utf-8";
.gnav-wrapper {
 background: #5e5e5e;
 position: relative;
}
 
/*
.gnav {
 display: flex;
 justify-content: space-between;
}
*/
 
.gnav li {
/*
 padding: 18px 0;
 text-align: center;
*/
 transition: all .3s ease-in-out;
}
 
/*
.gnav li:hover {
 background: #3e3e3e;
}
*/
 
/*
.gnav a {
 color: #fff;
 border-left: solid 1px #fefefe;
 padding: 0 65px;
}
*/
 
/*
.gnav > li:last-child a {
 border-right: solid 1px #fefefe;
}
*/
 
.gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 24px 0 0 0;
}
 
.megamenu {
/* background: #3e3e3e;*/
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 position: absolute;
 top: 52px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
}
 
.megamenu-inner {
 display: flex;
 flex-wrap: wrap;
}
 
.megamenu-inner li {
    width: 19.39%;
    padding: 0;
    margin: 0px 0.76% 0.76% 0;
    text-align: center;
}
.megamenu-inner li:nth-child(5n){
    margin-right: 0px;
}
.megamenu-inner a {
    border-left: none;
    /* [disabled]color: #FFFFFF; */
    padding-top: 12px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 12px;
    display: block;
    background-color: #F0F0F0;
}
/* デザイン用のUL*/
.mega_design {
    padding: 24px 5.38%;
    background-color: rgba(0,0,0,0.54);
    list-style-type: none;
    margin: 0px;
}