/*HEADR_STYLE ここから*/
header {
    border-bottom: 2px solid #336600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    width: 100%;
    background-color: #fff;
}



#hlogo {
    width: 220px;
    font-size: 0;
    /*  border: solid;*/
    text-align: center;
}

#hlogo  img {
    width: 200px;
}

#hmenu {
    flex-grow: 2;
    margin-right: 20px;
    /*    border: solid;*/
    /*    padding-right: 20px;*/
    z-index: 400;
    /*    border: 2px solid red;*/
}

/*MENU_PART*/
.gnav {
    display: flex;
    height: 2rem;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}

.gnav > li {
    /*親階層のみ幅を20%にする*/
    width: calc(100% / 6);
}

/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}

.gnav li a {
    background: #128341;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 0.8rem;
}

/*
@media screen and (max-width: 1100px) {
  .gnav li a {
    font-weight: 200;
    font-size: 0.6rem;
  }

  .gnav li li {
    width: calc(100% * 1.1);
  }

  .smallText {
    font-size: 0.4rem !important;
    ;
  }

}
*/

/*
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .smallText {
     IE11 にのみ適用される
    font-size: 0.6rem !important;
  }
}
*/

/*
@media screen and (min-width: 1101px) {
  .gnav li a {
    font-weight: 600;
    font-size: 0.8rem;
  }

  .smallText {
    font-size: 0.6rem !important;
  }

}
*/




/*子階層以降共通*/
.gnav ul {
    /* li li
  height: 0;
  overflow: hidden;
  transition: .5s;
  */
    display: none;
}

.gnav li li a {
    border-top: 1px solid #eee;
}

/*
.gnav li:hover > ul > li {
  height: 2rem;
  overflow: visible;
}
*/

.gnav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/*一番右のメニュー*/
/*
.gnav > li:nth-child(6) ul li ul {
    left: -100%;
}
*/

/*aの背景色を指定*/
/*
.gnav li:hover a {
    親階層
    background: #0f7738;
}
*/

/*
.gnav li li a {
    子階層
    background: #0f7738;
}
*/

/*
.gnav li li:hover a {
    background: #129044;
}
*/

/*
.gnav li ul li ul li a {
    孫階層
    background: #129044;
}
*/

/*
.gnav li ul li ul li:hover a {
    background: #15ad51;
}
*/

/*
.gnav li ul li ul li ul li a {
    ひ孫階層
    background: #15ad51;
}
*/

/*
.gnav li ul li ul li ul li:hover a {
    background: #17d361;
}
*/