テンプレート
Title
タイトル01
タイトル01サブ付き
タイトル02
タイトル03
タイトル04
Text Image box01
ノーマル01「ti-box01」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
サイズ01「ti-box01 size01」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
サイズ01 左右逆「ti-box01 size01 reverse」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
サイズ02「ti-box01 size02」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Text Image box02
ノーマル02「ti-box02」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ノーマル02 左右逆「ti-box02 reverse」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
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」
3カラム中央「flexbox count3 center」
4カラム「flexbox count4」
4カラム SP-2カラム「flexbox count4 sp-count2」
5カラム「flexbox count5」
Table
タイプ1「table01」
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトルタイトルタイトル | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト |
|---|
「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table01 nowrap」
| タイトルタイトルタイトル | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト |
|---|
タイプ1「table01 sp-stack」
SP表示時にタイトルとテキストが多段表示に。
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
|---|---|---|
| タイトル | テキストテキストテキスト | テキストテキストテキスト |
タイプ1 SPで横スクロール
「table01」を「table-wrap」で囲む
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
※横にスクロールできます
タイプ1 thead
| タイトル | タイトル |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | タイトル |
|---|---|
| テキストテキストテキスト | テキストテキストテキスト |
| テキストテキストテキスト | テキストテキストテキスト |
※横にスクロールできます
タイプ2「table02」
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
| タイトル | テキストテキストテキスト |
「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table02 nowrap」
| タイトルタイトルタイトル | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト | テキストテキストテキスト |
|---|
タイプ2「table02 sp-stack」
SP表示時にタイトルとテキストが多段表示に。
| タイトル | テキストテキストテキスト |
|---|---|
| タイトル | テキストテキストテキスト |
List
ノーマル「list01」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
なし「list01 none」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
チェック「list01 check」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
数字「list01 num」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
2列「list01 count2」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト - テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト
3列「list01 count3」
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト - テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
テキストテキストテキストテキスト - テキストテキストテキストテキスト
Text Wrapper
ノーマル01「text-wrap01」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ノーマル02「text-wrap02」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
外側のコンテンツにあわせる「text-wrap01 full」
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Button01
ノーマル
ノーマル最大幅「btn01 full」
Arrow
Arrow Right
Telアイコン
「btn01 tel」
「btn01 border tel」
「btn01 border bgnone tel」
「btn01 bgcolor tel」
Mailアイコン
「btn01 mail」
「btn01 border mail」
「btn01 border bgnone mail」
「btn01 bgcolor mail」
Faxアイコン
「btn01 fax」
「btn01 border fax」
「btn01 border bgnone fax」
「btn01 bgcolor fax」
Button02「a + em」
ノーマル
ノーマル最大幅「btn02 full」
Arrow
Arrow Right
Telアイコン
「btn02 tel」
「btn02 border tel」
「btn02 border bgnone tel」
「btn02 bgcolor tel」
Mailアイコン
「btn02 mail」
「btn02 border mail」
「btn02 border bgnone mail」
「btn02 bgcolor mail」
Faxアイコン
「btn02 fax」
「btn02 border fax」
「btn02 border bgnone fax」
「btn02 bgcolor fax」