@charset "UTF-8";


/*--------------------------------------------------------
--- ナビゲーションスタイル ---

ヘッダーナビ・・・#top-nav
フッターナビ・・・#footer-nav

--------------------------------------------------------*/


/* =======================================
　ヘッダーナビ
======================================= */
/*BrakePoint class pc=.desktop, sp=.mobile*/

/*----- PC -----*/
.stellarnav li.has-sub>a:after {
  display: none;
}


@media screen and (min-width: 769px) {
  .stellarnav>ul>li>a {
    padding: 8px 15px;
  }

  nav#top-nav ul li a {
    font-size: var(--size-primary-font);
    letter-spacing: 1px;
  }
}


@media screen and (min-width: 1401px) {
  nav#top-nav ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1400px) {
  nav#top-nav ul li a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1250px) {
  nav#top-nav ul li a {
    font-size: 13px;
  }
}


@media screen and (max-width: 771px) {
  nav#top-nav ul li a {
    letter-spacing: 1px;
  }
}



.stellarnav li.has-sub>a:after {
  display: none;
}


/*----- スマホ -----*/
.stellarnav.mobile ul {
  background: var(--color-primary) !important;
}

.stellarnav.mobile ul li a {
  color: var(--color-wh) !important;
}

.stellarnav.mobile ul li a.page-numbers {
  color: var(--color-bk) !important;
  border: 1px solid var(--color-bk) !important;
}

.stellarnav.mobile ul li a.page-numbers:hover {
  border: 1px solid var(--color-primary) !important;
  color: #FFF !important;
}