#msg    {
width: 80%;
height: auto;
margin: 0 auto;
padding: 10px;
border-top: 1px solid ##f6fef9;
} 


# msg ul.list {
width: 100%;
margin: 10px 10px 10px 30px;
padding: 0;
list-style: none;
}

/* --- リスト項目 --- */
#msg ul.list li {
padding: 0 0 5px 5px; /* 項目のパディング（上右下左） */
background: #f6fef9;
line-height: 130%;
font-size: 15px;
line-height: 22px;
list-style: none;
margin: 0 auto;
width: 90%;
}



/*メディアクエリの指定（※widthが768px以下の場合に{}内のCSSを適用する）*/
@media screen and (max-width: 768px) {






/*メディアクエリの指定（※widthが480px以下の場合に{}内のCSSを適用する）*/

@media screen and (max-width: 480px) {

#msg ul.list li {
margin: 0 auto;
width: 100%;
}
}