装飾リスト
見出し2
見出し3
見出し4
引用
ラベル（赤）
ラベル（黄）
ラベル（緑）
ラベル（青）
パーツリスト
[テンプレート01]ダウンロードファイル
ダウンロード
[パーツ01]メディアオブジェクト（画像左寄せ）
SNSのタイムラインのような、アイコンのような小さな画像と横に付属するテキストに使うためのパターン。基本的にタブレット以下でもそのままのレイアウトで、縦に並んだりしないため、大きな画像には向きません。
[パーツ02]メディアオブジェクト（画像右寄せ）
SNSのタイムラインのような、アイコンのような小さな画像と横に付属するテキストに使うためのパターン。基本的にタブレット以下でもそのままのレイアウトで、縦に並んだりしないため、大きな画像には向きません。
[パーツ03]マルチデバイス メディアオブジェクト（画像左寄せ）
モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。
[パーツ04]マルチデバイス メディアオブジェクト（画像右寄せ）
モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。モバイルで折り返される画像です。
[パーツ05]アラートボックス（標準）
アラートボックス見出し
重要なテキストや、注目してほしいテキストの場合使用してください。
[パーツ06]アラートボックス（赤）
アラートボックス見出し
重要なテキストや、注目してほしいテキストの場合使用してください。
[パーツ07]アラートボックス（黄）
アラートボックス見出し
重要なテキストや、注目してほしいテキストの場合使用してください。
[パーツ08]アラートボックス（緑）
アラートボックス見出し
重要なテキストや、注目してほしいテキストの場合使用してください。
[パーツ09]アラートボックス（青）
アラートボックス見出し
重要なテキストや、注目してほしいテキストの場合使用してください。
[パーツ10]ギャラリー(2-1)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ11]ギャラリー(2-2)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ12]ギャラリー(3-1)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ13]ギャラリー(3-2)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ14]ギャラリー(4-1)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ15]ギャラリー(4-2)
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキスト
[パーツ16]カードギャラリー(2)
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
[パーツ17]カードギャラリー(3)
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
[パーツ18]カードギャラリー(4)
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
見出し（h2でもh3でも同じスタイル）
デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。デフォルトサイズ：max-width20em。
[パーツ19]目次テンプレート
[レイアウト01]グリッド(7:5)
左エリア
右エリア
[レイアウト02]グリッド(5:7)
左エリア
右エリア