@charset "UTF-8";
nav {
  display: none;
}

@media (min-width: 992px) {
  nav {
    display: block;
    /*2階層目以降は横並びにしない*/
    /*下の階層を持っているulの指定*/
    /*hoverしたら表示*/
  }
  nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: flex-end;
    font-size: 1.5rem;
    letter-spacing: 0.015em;
    /*下の階層のulや矢印の基点にするためliにrelativeを指定*/
  }
  nav ul a {
    color: #001650;
  }
  nav ul > li {
    position: relative;
  }
  nav ul > li a {
    display: block;
    text-decoration: none;
    padding: 36px 1em;
    transition: all 0.3s;
  }
  nav ul > li a:hover {
    background: #69ADE6;
    color: #fff;
  }
  nav ul > li.current-menu-item > a,
nav ul > li.current_page_item > a,
nav ul > li.current-page-ancestor > a,
nav ul > li.current-menu-parent > a,
nav ul > li.current_page_parent > a {
    background: #69ADE6;
    color: #fff;
  }
  nav ul li:has(ul li a:hover) {
    background: #69ADE6;
    color: #fff;
  }
  nav ul li:has(ul li a:hover) > a {
    color: #fff;
  }
  nav ul ul {
    display: block;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
  }
  nav ul ul li a {
    padding: 1em 1.5em;
  }
  nav ul ul li a:hover {
    color: #fff;
  }
  nav ul ul li.current-menu-item > a,
nav ul ul li.current_page_item > a,
nav ul ul li.current-page-ancestor > a,
nav ul ul li.current-menu-parent > a,
nav ul ul li.current_page_parent > a {
    background: #fff;
    color: #69ADE6;
  }
  nav ul > li ul {
    /*絶対配置で位置を指定*/
    position: absolute;
    left: 0;
    z-index: 4;
    /*形状を指定*/
    background: #fff;
    white-space: nowrap;
    /*はじめは非表示*/
    visibility: hidden;
    top: 85%;
    opacity: 0;
    /*アニメーション設定*/
    transition: all 0.3s;
  }
  nav ul > li:hover > ul,
nav ul > li ul li:hover > ul,
nav ul > li:active > ul,
nav ul > li ul li:active > ul {
    visibility: visible;
    top: 100%;
    opacity: 1;
  }

  #top-head.fixed nav ul > li a {
    padding: 20px 1em;
    font-size: 1.5rem;
  }
}

/*# sourceMappingURL=nav.css.map */