Cocoon設定の「画像」タブにある「カゴの囲み効果」がボーダーになっていないでしょうか？
「なし」にしてみてください。

囲み枠がありになっていたので、なしにしてみましたが、まだ左右の余白はあるようです。

記事内の画像のみmarginを調整していくのでしょうか。

1 番簡単な方法は、まず HTML を下記のように書きます。

<p class="max-img">
    ここに画像を挿入
</p>

そして、 CSS を下記のように指定します。

@media screen and (max-width: 480px) {
  .max-img {
    margin: 1em -10px;
  }
}

Akiraさん、ありがとうございます。

左右の余白を無くし表示することができました。

jQuery で自動的にクラス名をつけたい場合は以下の内容で良いのでしょうか。

jQuery( function($) {
$('.entry-content>p>img').parent().addClass('max-img');
});

こんにちは。

functions.phpに書いて、画像だけpタグで囲わないように

置き換えするのもありですよ。

▼ご参考までに

http://kachibito.net/wp-code/stop-wordpress-wrapping-images-in-a-p-tag

ラクな方で試したくださいませ。

画像を挿入される際に、「メディアを追加」の「添付ファイルの表示設定」で「リンク先」を「なし」にされる場合には、その jQuery で大丈夫です。

「リンク先」を「メディアファイル」などにされる場合には、下記の jQuery に変更します。

jQuery( function($) {
    $( '.entry-content > p > a > img' ).parent().parent().addClass( 'max-img' );
});

ただし、いずれであっても JavaScript が使えない AMP では、 class 名が付きません。

記事数によりますが、最も良いのは手動での class の追加です。

おっと。たなかまさんとコメントがかぶりました。

確かに。 PHP でもいけますね。 PHP であれば、 AMP にも対応できます。

ボーダー幅の4px空いていた部分の事ではなく、完全にピッタリとくつけたかったということなんですね。

みなさん、教えていただきありがとうございました。

手動でクラス追加で対応しようと思います。

ありがとうございました。