/* メニュー項目に縦線を付ける */
#navi .navi-in a {
  border-left: 1px solid #ffffff; /* 左側に白の縦線 */
  padding: 8px 20px;            /* 左右の余白を調整 */
  margin: 0;                     /* 項目間の隙間をなくす */
}

/* 一番最後の項目の「右側」にも線を付けて閉じたい場合 */
#navi .navi-in > ul > li:last-child a {
  border-right: 1px solid #ffffff;
}

/* ホバー時の背景色を変えたくない場合は以下を追加 */
#navi .navi-in a:hover {
  background-color: rgba(255, 255, 255, 0.1); /* ほんのり明るくする程度 */
}

/* マウスを乗せた時の反応 */
#navi .navi-in a:hover {
  background-color: #333; /* 背景色が変わる */
  color: #fff !important; /* 文字色が白になる */
}

/* トップページの日付を非表示にする */
.home .post-date,
.home .post-update {
    display: none;
}
/* モバイルメニューの子ページ展開スイッチを最前面へ */
.sub-menu-toggle {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important; /* 横いっぱいに広げる */
    height: 100% !important; /* 縦いっぱいに広げる */
    z-index: 9999 !important; /* 何よりも手前に */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
    pointer-events: auto !important; /* タップを確実に拾う */
}

/* 展開ボタンの中にある「∨」アイコンを確実に見せる */
.sub-menu-toggle::before {
    content: "\f078" !important; /* FontAwesomeの矢印 */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 15px !important;
    color: #333 !important; /* 矢印の色（背景に合わせて調整してください） */
}
/* スマホでは上部グローバルナビを非表示 */
@media screen and (max-width: 1024px){
  .navi {
    display: none;
  }
/* ヘッダー右側の小ロゴ */