ヒサシさん

ちょっと言葉で説明するのは難しいのですが。

既に本文のエリアはギリギリの状態です。
となると、メインコンテンツの余白を削るしかないです。
（アイキャッチやSNSのボタンや、その他のすべての左右余白もなくなります。）

それでも、よろしければ。

@media screen and (max-width: 480px){
    main.main {
        padding-left: 0
        padding-right: 0
    }
}

前略、ヒサシさん

私は、個人的には、スマホのフチに文字が接近し過ぎていると、とても読みずらく感じます。

これは、パソコンの場合でも同じです。

例えば、A4の紙に文字が書いてあったとして、紙のフチギリギリまで、文字で埋まっていたとしたら、どうでしょうか。

デジタルデバイスの場合でも、適切な余白があることによって、文字や文章が読みやすくなるはずです。

デザイン関連の専門書などで、どのようなデザインが情報を伝えやすいのかなどをリサーチしてみてからでも良いような気がします。

ヒサシさん

とりあえずご本人のご希望ということで、お伝えさせていただきました。

また、なかなか言葉では伝わらないこともあろうかと思い、お問い合わせに対してそのままご提示は致しました。
（実際にやってみて、感じることもあろうかと。）

しかしながら、リフィトリーさんの仰るとおり、大変見づらく違和感のあるものにはなると思います。
（ただ、これは私の主観ですし、ヒサシさんがどうお感じになるかは別の話です。）

@leafytreeさん

助言いただき、ありがとうございます！

実は、同業者のcocoon使用ブログを見ると、スマホ閲覧時の余白が狭い（＝1行当たりに表示される文字数が多い）ので、自分も真似してみようと思ったのが発端です。

シンプリシティ２を使用してブログ運営していたときも、スマホのフチまでギリギリという程ではありませんが、私が添付した画像よりは余白部分が狭かったです。

まだcocoonには慣れておらす、色々と試行錯誤している段階です。

ただし、リフィトリーさんの意見も尤もだと思うので、スマホ閲覧時の余白については改めて検討してみようと思います。

この度はありがとうございました。

@mk2_mk2さん

助言いただき、ありがとうございました！

添付ファイル画像の時点で、既に本文エリアに表示できる文字数がギリギリであるとのことですが、それは初耳だったため大変参考になりました。

ところで、提示いただいたCSSを試してみたところ、スマホ画面に変化がありません。

素人ながら、私がcocoon子テーマに追記した他のCSSの影響なのかと考えているのですが…

このような現象について、何か心当たりはあるでしょうか？

mk2さんのCSSの効果を確かめてから、本文エリアの余白について再検討したいと考えております。

お手すきの際に、ご返信いただけますと幸いです。

宜しくお願いいたします！

前略、ヒサシ さん

子テーマのCSSにファイルにお書きになっている以下のコードに替えて、

@media screen and (max-width: 480px) {
  .entry-content > * {
    margin-right: 0;
    margin-left: 0;
  }
}

以下をコピペすれば良いような気がします。

@media screen and (max-width:480px) {
  #main.main {
    padding-left: 10px;
    padding-right: 10px;
  }
}

ヒサシ さん

現状は、左右のpaddingは 16px ずつになっているようなので、10pxずつに減らして書いてみました。

もっと少ない方がよければ、適宜数値を変更してください。

前述しましたとおり、ゼロはオススメいたしませんが・・

@leafytreeさん

お返事が遅くなってしまい、申し訳ございません。

提示していただいたCSSを試してみたところ、スマホでの文字表示幅を色々と変更できるようになりました！

元々の状態ではpaddingは 16pxとのことですので、現在、10px～15pxの間で試行錯誤しています。

（※試しにに0pxにしたところ、余白が一切ないことの酷さを思い知りました…。）

おかげ様でスマホでの表示幅の悩みを解決できそうです。

本当にありがとうございました！

（以後、解決済みとのことでクローズといたします。）