MODULE モジュール

見出し

heading__01

TITLE01 見出し01

TITLE01 見出し01（中央）

テキスト

フォントファミリー

デフォルト

テキストテキスト

明朝体（text-serif）

テキストテキスト

英語（text-en）

TEXTTEXT

指定なし（text-unset）

テキストテキスト

---

水平方向の配置

中央寄せ（text-center）

テキストテキストテキストテキストテキストテキスト

左寄せ（text-start）

テキストテキストテキストテキストテキストテキスト

右寄せ（text-end）

テキストテキストテキストテキストテキストテキスト

---

カラー

text-primary

テキストテキストテキストテキストテキストテキスト

text-red

テキストテキストテキストテキストテキストテキスト

text-white

テキストテキストテキストテキストテキストテキスト

---

サイズ

small（text-sm）

テキストテキストテキストテキストテキストテキスト

middle（text-md）

テキストテキストテキストテキストテキストテキスト

large（text-lg）

テキストテキストテキストテキストテキストテキスト

---

太さ

400（fw-400）

テキストテキストテキストテキストテキストテキスト

500（fw-500）

テキストテキストテキストテキストテキストテキスト

600（fw-600）

テキストテキストテキストテキストテキストテキスト

700（fw-700）

テキストテキストテキストテキストテキストテキスト

---

文字間

字間なし（ls-0）

テキストテキストテキストテキストテキストテキスト

字間small（ls-sm）

テキストテキストテキストテキストテキストテキスト

字間middle（ls-md）

テキストテキストテキストテキストテキストテキスト

字間large（ls-lg）

テキストテキストテキストテキストテキストテキスト

---

リンク

通常のaタグ

リンクテキスト

下線あり（link-underline）

リンクテキストに下線が付く

外部リンク（link-external）

リンクテキスト

画像リンク

テキストテキスト

画像リンク 拡大（data-link="image"）

テキストテキスト

ボタン

btn__01

テキスト

btn__01 arrow

テキスト

アイコン

プラス（icon-plus）

✕マーク（icon-cross）

矢印

矢印01（arrow-01）

パンくず

ページネーション

カラム

2カラム（column col2）

---

3カラム（column col3）

---

4カラム（column col4）

---

グリッド

2カラム（grid col2）

---

3カラム（grid col3）

---

4カラム（grid col4）

---

5カラム（grid col5）

リスト

ドット（list-dot）

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

丸（list-circle）

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

注釈（list-note）

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

数字（list-number）

1. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ゼロ埋め数字（list-numzero）

1. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

リスト間のマージンなし（space-0）

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テーブル

table__01

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

table__dl01

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

スライダー

slider__01