ベースデザイン
スワイプテーブル
スマホサイトで横スクロールできるテーブル表示
1 | 2 | 3 |
4 | 5 |
6 |
7 | 8 | 9 |
絞り込みリスト(スマホ表示なし)
下層コンテンツへの導線、ページ内リンクなどに使用(イベント、お客様の声などに使用)
マージンあり
マージンなし
絞り込みリスト(スマホ表示あり)
下層コンテンツへの導線、ページ内リンクなどに使用(イベント、お客様の声などに使用)
マージンあり
マージンなし
教室情報

●●●
〒000-0000
あああ県あああ市あああ0-0-0
あああビル 0F
00-000-0000
- 電話番号
- 代表:00-000-0000
- アクセス
- ああああああああああああああああああああああああああああああああああああ
実施コース
- あああああ
- ああああ
- ああああ
- オリジナルコース:
- ああああ
- ああああ
- あああああ
教室一覧
リンクボタン
コンテンツ一覧 その1
左側に画像、右側に説明テキストを配置するパターン。テキスト下にリンクボタンを設置。

見出し(h3)
コンテンツ一覧 その2
その1のパターン違い。右側の説明テキストを表組みにしたパターン。(講師一覧などに使用)

- あああ
- ああああああああ
- いいい
- ああああああああ
- ううう
- ああああああああ
- えええ
- ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
- ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
表組み(二段組み)
二段組みの表組みパターン。SP版でも二段組みで表示される。
いいい
表組み(三段組み)
三段組みの表組みパターン。SP版では横幅が足りないため縦組みに変換される。
いいいいい
ううううう
イベント詳細パターン
日付パターン
右寄せに表示される。
詳細テキスト通常パターン
画像、テキストが縦に並んでいるパターン。画像は横幅100%表示となる。

詳細テキスト通常パターン
画像、テキストが縦に並んでいるパターン。画像は等倍サイズ、中央揃えとなる。
(SP版は横幅100%表示となる)

詳細テキスト画像左寄せパターン
画像が左側、テキストが右側に並んでいるパターン。

詳細テキスト画像右寄せパターン
テキストが左側、画像が右側に並んでいるパターン。

二段表組み その1
左側がタイトルエリアとなり、背景色が設定され、太字指定になる。
開催日 | 20XX年XX月XX日(X) |
---|---|
時間 | 00:00 |
会場 | |
料金 | x,xxx円(税抜) |
二段表組み その2
上側がタイトルエリアとなり、背景色が設定され、太字指定になる。
あああ | いいい |
---|---|
あああああああああああああああ | いいいいいいいいいいいいいいい |
点線枠囲みパターン
テキストを点線で囲みパターン。
画像・テキスト表示パターン(一段組み/画像右寄せ)
SP版では縦組みとなる。

画像・テキスト表示パターン(枠あり/二段組み/画像右寄せ)
SP版では一段組みとなる。


画像・テキスト表示パターン(枠あり/二段組み/画像縦組み)
SP版でも二段組みとなる。


問い合わせボタン
中央揃えに設定される。
お客様の声
お客様の声で設置されているパターン。
- 受講者名
- ああああ
- 受講歴
- ○年
- 年代
- ○代
- 性別
- ○性
- コメント
-
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
重要情報
緊急な情報、重要な情報など、優先度の高い情報を掲載する際に使用する。
暴風警報発令と地震発生時のレッスンについて
説明
表組みパターン
暴風警報 (教室所在地) | 対 応 |
---|---|
午前 8:00時点で暴風警報が発令されている場合
|
あああああああああああああああああああああああああああああああああああああ |
午後 12:00時点で暴風警報が発令されている場合
|
あああああああああああああああああああああああああああああああああああああ |
レッスン中に暴風警報が発令された場合
|
あああああああああああああああああああああああああああああああああああああ |
暴風による休講の場合の補講について
|
あああああああああああああああああああああああああああああああああああああ |
教室所在地以外で暴風警報が発令されている場合
|
あああああああああああああああああああああああああああああああああああああ |
その他警報(大雨警報・大雪警報など)の発令時(教室所在地)
|
あああああああああああああああああああああああああああああああああああああ |
赤字パターン
比較用として、赤字下に通常の黒字を設置している。
あああああああああああああああああああああああああああああああああああああ
あああああああああああああああああああああああああああああああああああああ
連絡先一覧パターン
[●●●地区]
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
[●●●地区]00-0000-0000
[●●●地区]00-0000-0000
[●●●地区]00-0000-0000 / 00-0000-0000
[●●●地区]
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
あああああああセンター 00-0000-0000
ブロック名
説明
ブロック名
説明