【ベーシックモード】「トップページの新着の商品レビュー」表示がズレます。修正方法を教えてください。

ショップ全体の幅（コンテンツを囲むdivなどの幅）を広げるとずれる場合があります。

ショップデザイン / テンプレート選択・編集 / トップページ編集 / 共通CSS管理 に
CSSを追加してご調整ください。

記述例）
トップページ、商品詳細画面に「全文表示」タイプを設置している場合は、
変数タグ　[REVIEW_VIEW_10]　を１つのdivで囲んでidまたはclassをつけ、
CSSを指定してください。

◆HTML【中央画面管理】

<div class="top-review">[REVIEW_VIEW_10]</div>

◆CSS【共通CSS管理】

.M_reviewInner{
display: flex;
justify-content: space-between;
}
#M_reviewViewAll .M_reviewImg{
float: none !important;
width: 102px;
padding-right: 10px;
}
.M_reviewBox{
width: calc(100% - 102px);
}
.M_reviewHead{
display: flex;
align-items: center;
justify-content: space-around;
}
.M_reviewName {
text-align: left;
}
#M_reviewViewAll .M_reviewRate{
float: none !important;
width: 20% !important;
white-space: nowrap;
}
#M_reviewViewAll .imgLi ic1{
display: flex;
}
#M_reviewViewAll .M_reviewerInfo{
float: none !important;
width: 20% !important;
}