メディアクエリの追加: CSSのメディアクエリを使用して、スマートフォン縦長表示用のスタイルを追加することができます。以下は一例です。

@media screen and (max-width: 480px) {
.ec-headerNaviRole {
/* 縦長モバイル用のスタイルを追加 */
background-color: #your-color;
/* 他の必要なスタイルも追加 */
}
}

このように、@mediaルールの中でスマートフォンの幅に合わせたスタイルを指定することで、縦長表示時に適切なスタイルが適用されます。