H1 title englishH1 title englishH1 title english
グリッドシステム
等幅
PCのみ横並び
1/2
1/2
1/3
1/3
1/3
SPでも横並び
1/2
1/2
1/3
1/3
1/3
列サイズ
PCのみ横並び
.col-m（2/3）
.col-s（1/3）
SPでも横並び
.col-m（2/3）
.col-s（1/3）
レイアウト
回り込み（float）
左回り込み
右回り込み
回り込み解除
画像に微妙に重ねる（1カラム向け）
画像が左側
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
![]()
画像が右側
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
タイポグラフィ
見出し（h2）
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
見出し（h3）
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
見出し（h4）
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
見出し（h5）
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
リード文
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
注意書き
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
ボックス
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
インラインテキスト
意味的な強調（strong）
アクセント（em）
リンクアイコン
引用（blockquote）
引用元表示なし
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
引用元表示あり
恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
宮沢賢治『ポラーノの広場』
リスト
装飾なしリスト
- 恥の多い生涯を送って来ました。
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。
- 入れ子のリスト
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
非順序リスト
- 恥の多い生涯を送って来ました。
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。
- 入れ子のリスト
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
順序リスト
- 恥の多い生涯を送って来ました。
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。
- 入れ子のリスト
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
※つきリスト
- ※恥の多い生涯を送って来ました。
- ※恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。
- ※恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
リンクリスト
- 恥の多い生涯を送って来ました。
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。
- 恥の多い生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。自分は東北の田舎に生れましたので、汽車をはじめて見たのは、よほど大きくなってからでした。
テーブル
通常のテーブル
| thead th | thead th |
|---|---|
| th | td |
| th | td |
グレーのテーブル
| thead th | thead th |
|---|---|
| th | td |
| th | td |
SPのみ縦並び
| th | td |
|---|---|
| th | td |
コンテンツ幅より大きい場合スクロール
| thead th | thead th |
|---|---|
| th | td |
| th | td |
ボタン
FAQ
外部サービス埋め込み
YouTube
Googleマップ
※カスタムHTMLブロックを想定。JSでURL判定しラッパー付与
フォーム
入力画面
- ご入力
- ご確認
- 送信完了
確認画面
- ご入力
- ご確認
- 送信完了
完了画面
- ご入力
- ご確認
- 送信完了
ヘルパークラス
テキスト
小さい文字
さらに小さい文字
大きい文字
さらに大きい文字
左寄せ
中央寄せ
右寄せ
テキストの上端揃え
テキストの中央揃え
テキストの下端揃え
テキストを折り返す
テキストを折り返さない
斜体(_italic)
太字(_bold)
display block（_block） display inline-block（_inlineBlock）余白
上マージン
上マージンなし
更に細かい余白
.mt10～.mt100まで10刻みで上マージン.pt10～.pt100まで10刻みで上パディング
下マージン
下マージンなし
下マージンデフォルト
下マージン デフォルトの半分
下マージン デフォルトの倍
- 絞り込み
- すべて
-
- すべて
- 企業情報
- イベント
- お知らせ
-
- カテゴリ
- 短い時