スマホの左右が揺れるのを解消したいです

Question

スマホのtopページとスマホ用商品ページが以前から左右にグラグラしているのを解消したいです。

widthネットで調べて色々なタグを入れて試したのですが解消しないので、width=100% 以下にして左右に隙間が出ればデバイスによってはぐらつかないのでそのままにしていました。
（しかし center指定してもどちらかに偏ってしまいます）

しかしやはり揺れるデバイスのスマホから見たという方からストレスだったというお声を先日お客様からご指摘いただいたのでしっかり解消したいと思いまして質問させていただきました。

スマホにはwidthの幅指定のみ、
tableタグにはpaddingなどの隙間は入れていないはずなのですが、他にどうしたら良いのでしょうか？

ネットで調べても「難しい」「方法は1つではない」という情報で効果があった方法が見つけられず困っています。

スマホのtopページのコードを添付いたしました。

よろしくお願いいたします。

Accepted Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用した前提での内容です。
　今後、RMSの改修により、使用できなくなる可能性があります。

左右にグラグラするのは、基本的に、
ページの内容がブラウザの横幅からはみ出していることが
原因です。

当フォーラムは画像ファイルしか添付できない仕組みのため、
添付いただいたソースを確認することができませんでしたが、
現在のトップページと同じ内容でよろしいでしょうか。

その場合、
看板の下に埋めこんでいる
スライドバナーが原因となります。

タグのwidthは100%に指定してあっても、
埋めこんだ内容がブラウザの幅からはみ出ているため、
iOS上のブラウザの仕様で、全体もはみ出る結果となっているようです。

スライドバナーを埋め込むためのタグに
 style="width:calc( 100% - 16px );"
上記style属性を追記していただくことで、
の内容もブラウザの幅におさまり、
グラグラが解消できますので、お試しいただきますようお願いします。