@charset "utf-8";

/*
 * MNM2026: 「分野連携・企業広告」メニュー表示用の上書きCSS
 * 既存の style.css より後に読み込んでください。
 */

/* 旧版CSSに display:none !important が残っていても上書きする */
nav#menu ul#menu-main_ja > li#menu-item-901,
nav#menu ul#menu-main_ja > li#menu-item-901 > a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  nav#menu {
    height: auto;
    overflow: visible;
  }

  nav#menu ul#menu-main_ja {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
  }

  nav#menu ul#menu-main_ja > li {
    float: none !important;
    flex: 1 1 auto;
    min-width: 0;
  }

  nav#menu ul#menu-main_ja > li > a {
    box-sizing: border-box;
    min-width: 0 !important;
    padding: 4px 9px 16px !important;
    font-size: 14px !important;
    white-space: nowrap;
  }

  /* PCでは既存仕様どおり、ナビ内の言語項目を非表示 */
  nav#menu ul#menu-main_ja > li#menu-item-128 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  nav#menu ul#menu-main_ja > li#menu-item-901 {
    width: 100% !important;
  }
}