@charset "UTF-8";
/*========================================================
                      megamenu
=========================================================*/
.gnav-wrapper {
background: #fff;
position: relative;
padding-bottom:20px;
}
.gnav {
display: flex;
justify-content: space-between;
z-index: 10;
}
.gnav li {
padding: 0;
text-align: center;
transition: all .3s ease-in-out;
}
.gnav li:hover {
background: #fff;
}
.gnav a {
color: #fff;
padding: 0;
color: #333333;
font-weight:700;
}
.gnav a:hover {
color: #f03839;
}
.gnav > li:last-child a {
border-right: none;
}
.gnav > li:hover .megamenu {
max-height: 9999px;
opacity: 1;
padding: 15px 10px;
color: #f03839;
}
.megamenu {
background-color:#fff;
max-height: 0;
opacity: 0;
overflow: hidden;
width: 100%;
position: absolute;
top: 50px;
left: 0;
transition: all .2s ease-in;
z-index: 999;
}
.megamenu-inner {
display: flex;
flex-wrap: wrap;
}
.megamenu-inner li {
width: calc( (100% / 5) );
padding: 0;
}
.megamenu-inner a {
border-left: none;
}
.megamenu-inner-img {
margin: 0 0 10px;
border-radius: 10px;
border:1px solid #fff;
margin:5px;
}
.megamenu-inner-text img {
margin: 0 5px 0 0;
}
.megamenu-inner-copy {
	font-size:90%;
	text-align:left;
	line-height:1.5em;
}
ul#menu {
	display:none;
}
@media (max-width: 767px) {
.gnav-wrapper {
	display:none;
  }
  ul#menu {
	  display:block;
}
}