SWELLテーマのMENUカラー変更と仕切り

/*MENU色変更*/
/* メニュー背景と文字色、下の影 */
nav, .navbar, .site-header, .main-navigation {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

nav ul li, .navbar ul li, .site-header ul li, .main-navigation ul li {
    display: inline-block; /* 横並び */
    border-right: 1px solid #cccccc; /* 仕切り線の色 */
    padding: 0 15px; /* メニュー内の余白調整 */
}

nav ul li:last-child, .navbar ul li:last-child, .site-header ul li:last-child, .main-navigation ul li:last-child {
    border-right: none; /* 最後の項目は仕切り線を消す */
}

nav a, .navbar a, .site-header a, .main-navigation a {
    color: #000000 !important;
    text-decoration: none;
}

nav a:hover, .navbar a:hover, .site-header a:hover, .main-navigation a:hover {
    color: #555555 !important;
}