モバイルでの記事部分の外側の色について

@media screen and (max-width:740px){
  #body{
    background-color: #e6efff;
  }

  #main{
    margin:10px;
    padding: 10px 0px !important;
  }
}

どの範囲をスマホとするかは、740pxとしてます。それ以下の数字でしたら変更してください。ipad：768pxをスマホにする場合は、これでは対応できません。

bodyの背景色を他に指定してる場合、消してくださいね。

mainは記事関連記事の一体です。サイドバー部分の背景がブルー

記事の領域：外側余白marginを10pxは、内側余白paddingの上下は10px、両サイドを0pxにしてます。

記事の内側両サイド余白paddingが必要なら2pxと指定、そのときmarginの両サイドを8pxに指定してくださいね。ここを合わせて10になるよう調整。※アドセンスはみ出し防止

margin:10px 8px;
padding: 10px 2px !important;

かうたっく様

早速ご返答頂きましてありがとうございます！

教えて頂きましたコードを使わせて頂いたところ、
希望の通り表示する事ができました。

貴重なお時間頂きまして、教えて頂きありがとうございました！