/*-----通常（PC向け）の記述-----*/
#menu-bg {
background-color: #00FFFF;　/*青色*/
}

/*-----スマホ向けの記述-----*/
@media screen and (max-width: 479px) {　/*ウィンドウ幅が0～479pxの場合にCSSを適用*/
#menu-bg {
background-color: #00FF00;　/*緑色*/
}

/*-----タブレット向けの記述-----*/
@media screen and (max-width: 767px) {　/*ウィンドウ幅が0～767pxの場合にCSSを適用*/
#menu-bg {
background-color: #FF0000;　/*赤色*/
}
}