表示のずれについて

Question

お世話になっております。

以下のページですが、下のHTML部分がずれて表示されてしまいます。(オレンジの帯が白の背景より右にずれて表示される。)

https://item.rakuten.co.jp/morinoen95/1470100tokuyou/


HTML部分はこちらです。

他にも容量違いの商品がございます

お徳サイズ！よく飲む方に。
お試しサイズ♪一人暮らしの方に！
外出先でも便利！ペットボトルに入れっぱなしで持ち運びＯＫ♪



何が原因でしょうか。宜しくお願い致します。

Answer

ECマスターズの田辺です。

オレンジの帯が直接的な原因ではなく、
その周りを囲っているに margin があることで
帯がずれて表示されておりました。

との間に記述されている

＝この下から＝＝＝＝＝＝＝
.bace .font_min_c {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:10px 15px 10px 15px;
text-align: center;
color:#40210f;
}
＝この上まで＝＝＝＝＝＝＝

のmargin:10px 15px 10px 15px;
を削除していただき表示をご確認くださいませ。

Answer

田辺様

ご連絡が遅くなり大変申し訳ありません。
ご回答ありがとうございました！解決しました。