実際に試しては内のですが、以下を子テーマのstyle.cssに追記するとどうでしょう。

.pis-l figure.product-item-thumb {
  width: 300px;
}

@media screen and (max-width: 480px){
  .pis-l figure.product-item-thumb {
    width: 100%;
  }
} 

ご返信ありがとうございます。

まさに希望通りのレイアウトになりました。

もしよろしければ、image_onlyオプションでも画像幅を300pxに変更する方法をご教示願いたいのですが新しくトピックを立てた方が宜しいでしょうか？

image_onlyオプションの場合、子テーマに新たにfigure classを指定してショートコードを記述することで画像幅を変更することができました。

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

手軽に変更ができるように、image_onlyオプションの場合は、囲んでいるa要素に対して以下のclassを追加する仕様にしておきました。

• .amazon-item-image-only
• .product-item-image-only

アップデートファイルはこちら。
https://github.com/yhira/cocoon/archive/master.zip

classの追加ありがとうございます。

子テーマのstyle.cssに下記コードを記述したのですが画像幅を300pxに変更することができませんでした。テスト用のborderは表示されています。

Amazon商品リンクのオプションは size="l" image_only=1 を有効にしています。

.amazon-item-image-only,
.product-item-image-only {
width: 300px !important;
border: 2px solid #f00; /** 変更確認テスト **/
}

他に何か必要な記述があればご教示お願います。

それはおそらく、aタグがデフォルトでインライン要素だからだと思います。
インライン要素は幅を変更できません。なのでブロック要素か、インラインブロック要素等にする必要があります。
多分これでいけるかと思います。

.amazon-item-image-only{
  width: 300px;
  border: 2px solid #f00; 
  display: block;
}

教えて頂いたコードで変更が反映されました。使い勝手は抜群です。お忙しいなか色々と丁寧に対応して頂きありがとうございました。