スマホのtopページとスマホ用商品ページが以前から左右にグラグラしているのを解消したいです。

widthネットで調べて色々なタグを入れて試したのですが解消しないので、width=100% 以下にして左右に隙間が出ればデバイスによってはぐらつかないのでそのままにしていました。
（しかし center指定してもどちらかに偏ってしまいます）

しかしやはり揺れるデバイスのスマホから見たという方からストレスだったというお声を先日お客様からご指摘いただいたのでしっかり解消したいと思いまして質問させていただきました。

スマホにはwidthの幅指定のみ、
tableタグにはpaddingなどの隙間は入れていないはずなのですが、他にどうしたら良いのでしょうか？

ネットで調べても「難しい」「方法は1つではない」という情報で効果があった方法が見つけられず困っています。

スマホのtopページのコードを添付いたしました。

よろしくお願いいたします。