テンプレート
Title
タイトル01
タイトル02
タイトル03
タイトル04
Float box
2カラム「floatbox count2」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
2カラム 左右逆「floatbox count2 reverse」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
3カラム「floatbox count3」
4カラム「floatbox count4」
4カラム SP-2カラム「floatbox count4 sp-count2」
5カラム「floatbox count5」
Flex box
2カラム「flexbox count2」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
2カラム 左右逆「flexbox count2 reverse」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
3カラム「flexbox count3」
4カラム「flexbox count4」
4カラム SP-2カラム「flexbox count4 sp-count2」
5カラム「flexbox count5」
Table
タイプ1「table01」
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
|---|---|---|
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
「sp-stack」を付けるとSP表示時にタイトルとテキストが多段表示に。
「table01 sp-stack」
「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table01 nowrap」
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
|---|---|---|
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
タイプ1 SPで横スクロール
「table01」を「table-wrap」で囲む
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
※横にスクロールできます
タイプ2
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
「sp-stack」を付けるとSP表示時にタイトルとテキストが多段表示に。
「table02 sp-stack」
「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table02 nowrap」
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
List
ノーマル「list01」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
チェック「list01 check」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
2列「list01 count2」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト - テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
Text Wrapper
ノーマル01「text-wrapper01」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ノーマル02「text-wrapper02」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
外側のコンテンツにあわせる「text-wrapper01 full」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Button
ノーマル
テキスト
「btn01」
テキスト
「btn01 border」
テキスト
「btn01 bgcolor」
ノーマル最大幅「btn01 full」
Arrow
テキストテキスト
「btn01 arrow」
テキストテキスト
「btn01 border arrow」
テキストテキスト
「btn01 bgcolor arrow」
Telアイコン
テキストテキスト
「btn01 tel」
テキストテキスト
「btn01 border tel」
テキストテキスト
「btn01 bgcolor tel」
Mailアイコン
テキストテキスト
「btn01 mail」
テキストテキスト
「btn01 border mail」
テキストテキスト
「btn01 bgcolor mail」