@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
#menu-bg {
background-color: #00FFFF; /*青色*/
}
}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
#menu-bg {
background-color: #FF0000; /*赤色*/
}
}
@media screen and (max-width: 600px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
#menu-bg {
background-color: #00FF00; /*緑色*/
}
}
img {
max-width: 100% ;
height: auto;
}
 
#menu {
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 479px) { /*ウィンドウ幅が0〜479pxの場合にcssを適用*/
#contents #l_contents {
width: auto;
float: none;
}
 
#contents #r_contents {
width: auto;
float: none;
}
}