ご返信頂き、ありがとうござます。

試してみたところ、思った通りにできそうですので、後で調整してみたいと思います！

ご丁寧にありがとうございました。

下記のようなコードはいかがでしょう。

.navi-in > ul .sub-menu li {
  background-color: #ff0000;
}

色を変えたい場合は上記の「#」以降を、

.navi-in > ul li:hover > ul {
  opacity: 0.7;
}

透明度を変えたい場合は上記の「opacity」の値を変更してください（0~1）。

おそらくマウスをホバーしたときの色も変えたくなると思いますので、

.navi-in a:hover {
  background-color: #2ca9e1;
}

こちらもどうぞ。

ご質問を1件お願いしたいのですが、

ヘッダーメニューにカーソルを合わせたときに出てくる階層のリストの背景の色と透明度を調整したいです。

こちらのコクーンの公式サイトも、現在水色で少し透けている感じになっていると思いますが、そのような調整は可能でしょうか。

よろしくお願い致します。