/* ============================================================
   dropmenu.css - 子ページのドロップダウン白背景修正
   ============================================================ */
@media (min-width: 769px) {

  /* ドロップダウン背景・枠線 */
  .sitedesign-headernav-list > .menu-level-0 > .sitedesign-headernav-list {
    min-width: 200px !important;
    background: #fff !important;
    border-top: 3px solid #F7A81B !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    padding: 8px 0 !important;
  }

  /* 各項目：白背景・青文字 */
  li.menu-level-1 > a.menu,
  li.menu-level-1 > div.menu {
    background-color: #fff !important;
    color: #17458f !important;
    display: block !important;
    padding: 10px 20px 10px 16px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    min-width: 180px !important;
  }

  /* ホバー */
  li.menu-level-1 > a.menu:hover,
  li.menu-level-1 > div.menu:hover {
    background-color: #f0f6ff !important;
    color: #17458f !important;
  }

  /* 区切り線 */
  .menu-level-1 + .menu-level-1 {
    border-top: 1px solid #f0f0f0 !important;
  }
}

/* ============================================================
   style.css の青背景・白文字を上書き（特異度を完全一致で上回る）
   ============================================================ */
@media (min-width: 769px) {
  .sitedesign-headernav-group li.menu-level-1 a,
  .sitedesign-headernav-group li.menu-level-1 a.menu,
  .sitedesign-headernav-group li.menu-level-1 div {
    background-color: #fff !important;
    color: #17458f !important;
  }

  .sitedesign-headernav-group li.menu-level-1 a:hover,
  .sitedesign-headernav-group li.menu-level-1 a.menu:hover,
  .sitedesign-headernav-group li.menu-level-1 div:hover {
    background-color: #f0f6ff !important;
    color: #17458f !important;
  }
}