@charset "UTF-8";

@media (min-width: 1100px) {
  .header-navigation .has-sub-menu {
    position: relative;
    padding-bottom: 45px;
    top: 22px;
  }
  .header-navigation .has-sub-menu:hover .submenu-wrapper {
    visibility: visible;
    opacity: 1;
    transition: transform .3333333333s cubic-bezier(.33,0,0,1),opacity .25s;
    transform: translate(-50%)
  }
  .header-navigation .has-sub-menu:hover .navigation-link:after {
    opacity: 1;
  }
  .header-navigation .submenu-wrapper {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s .0833333333s, visibility .25s, transform .3333333333s cubic-bezier(.33, 0, .24, 1);
    top: 100%;
    left: 50%;
    transform: translate(-50%, -20px);
  }
  .header-navigation .navigation-sub {
    width: max-content;
    padding: 20px 0 20px 20px;
    background-color: #fff;
    border-radius: 12px;
  }
  .header-navigation .navigation-sub > li {
    border-bottom: 1px solid #e0e0e0;
  }
  .header-navigation .navigation-sub li:last-child {
    border-bottom: 0;
  }
  .header-navigation .navigation-sub li:last-child a {
    padding-bottom: 0;
  }
  .header-navigation .navigation-sub a {
    color: #000;
    font-size: 14px;
    padding: 5px 60px 5px 0;
    min-height: 49px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .header-navigation .navigation-sub a:after {
    content: "";
    position: absolute;
    background: url("../img/common/icn_arrow_submenu.svg") no-repeat center / 16px 16px;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 20px;
    margin-top: -7px;
  }
  .navigation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(25, 25, 25, .5);
    opacity: 0;
    transition: opacity .1s ease-in-out;
    z-index: 101;
  }
  .navigation-overlay.is-show {
    pointer-events: auto;
    opacity: 1;
    transition-duration: .3s
  }
  .header-site.header-clone.is-header-fixed .has-sub-menu {
    padding-bottom: 39px;
    top: 19px;
  }
}