新デザイン（黒バージョン）のトップ画面です。本バージョンではPCとスマートフォンのソースコード内容を同一化し、レスポンシブデザインになりました。
白バージョンの説明も併せてご覧ください。
ヘッダ部は2つのカスタムCMS部品で構成されており、スマートフォンでは全てのメニューがドロワー（アコーディオン）内に格納されています。
ランキングは、システムが自動集計した順位または 管理画面 ＞ 商品管理 ＞ 商品ランキング登録・修正 に設定した順位で表示します。販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
特にバナー限定ではなく、プロモーションなど自由に使用可能なエリアです。ここでは変数「$carrier」によってPCとスマートフォンで画像を出し分けています。
新着情報（お知らせ）は、管理画面 ＞ ショップ管理 ＞ 新着情報管理 に登録した内容を表示します。
新商品は登録日時を元にシステムが自動取得します。任意に商品を指定することはできません。表示件数は、管理画面 ＞ ショップ管理 ＞ コンテンツ設定情報 編集 の「表示件数設定」で指定します。
販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
白バージョンと異なりプラグインは使用していません。
カテゴリーバナーは特別に推したいカテゴリへの導線として機能します。このエリアも用途を限定するものではなく、自由にアレンジしてご利用ください。
フッター部分はカスタムCMS部品として存在します。さらにその中にカスタムCMS部品であるカレンダーを内包しています。カレンダーはJavascriptにより描画されます。
カテゴリーエリア、ピックアップエリア、セール商品、ログイン判定エリアは非表示になっています。CSSクラス「d-none」の記述を削除することで表示できます。