/* ナビゲーションリンクのマウスオーバー時の下線 */
.navbar-nav .nav-link:hover {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.8);
    text-underline-offset: 4px;
}

/* アクティブなナビゲーションリンクの下線 */
.navbar-nav .nav-link.active {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 1);
    text-underline-offset: 4px;
}

/* ドロップダウンメニューのマウスオーバー時の下線 */
.navbar-nav .dropdown-item:hover {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.6);
    text-underline-offset: 2px;
}