PCのページの上部に空白できてしまいます。

Question

いつもお世話になりまして誠に有難う御座います。
楽天のPCページの上部にある程度の空白ができてしまいます。
フォーラムで同じような質問があったのですが、回答をみて修正を試みたのですが、多少言語が異なるようで、解決できませんでした。
下記該当のPCページとなります。
https://item.rakuten.co.jp/sabbathya/og-0001-0002/

どこの部分を修正したら空白が消えるのかご教授お願いできますでしょうか。




賞味期限解凍後賞味期限（0℃～10℃） 1年保存方法冷凍保存（-18℃以下） 12ヶ月 再凍結厳禁加工地日本形態袋解凍方法流水解凍納入実績居酒屋、寿司屋、中華屋、小料理屋、弁当屋、スーパー、デパート、スナック、食堂等参考メニューしじみ汁、酒蒸し、炒めもの、寿司ネタ、お通し、小鉢、付け合わせ、単品、おつまみ等原材料大和しじみ（青森県小川原湖）備考塩水砂出し済です。使用前に軽く水洗いして下さい。アレルギー物質しじみ販売者Sabbath Global Partners株式会社東京都渋谷区初台2-1-3 1F

お手数をお掛け致しますがご教授の程、何卒宜しくお願い申し上げます。
有難う御座いました。

Answer

ECマスターズの伊藤です。

> 楽天のPCページの上部にある程度の空白ができてしまいます。

商品ページ下部（フッター上）に記載頂いている
画像4枚が並んでる箇所ですが、

横幅750px対して

[画像225px] x [4個] + [隙間10px] x [4個] = 940px
となっているため、レフトナビの横に入り切らず、
レフトナビの下に表示されているのが原因となります。

通常でれば、横に伸びるように配置されるのですが、
macさんのサイトでは、楽天の標準のレイアウトを
崩すようにカスタマイズされているようで、
カラム落ち（レフトナビの下におちる）してしまっているようです。

解決方法としまして、
対象の箇所を、3列にしていただく、もしくは
画像サイズを変更していただくなど、
幅を750px以内になるよう、修正をお願いします。