サブタイトル
大見出し（サブ有り）
ブロックの説明：サブタイトルは、H3ベースでブロックの「サブタイトル」を設定してください。大見出しは、H2ベースでブロックの「大見出し（サブ有り）」を選択で、サブタイトルと大見出しの調整が一体化したものになります。大見出し（サブ有り）を単体仕様で、トップマージン：0の扱いで利用できます。
大見出し（単体）
ブロック説明：上に余白マージンが付いたも見出しを利用したい場合は、ブロックの「大見出し（単体）」を利用してください。
中見出し
テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。テキスト内容内容がはいります。
小見出し
ブロックカラー設定で自由にカラーを設定できます。
横ライン付与
H1からH5の見出し要素の左に横ラインを置きたい場合は、ブロックの「横ライン付与」を選択してください。
横ライン付与
H1からH5の見出し要素を明朝で使いたい場合は、ブロックの「明朝見出し」を選択してください。
高度な設置の追加CSSクラスで見出しにナンバー付与
見出しH1～H5（ナンバー付与）
H1からH5の見出し要素の高度な設定内の追加CSSクラスに、01～05を「number-h01」「number-h02」「number-h03」「number-h04」「number-h05」を記述で利用できます。「大見出し」ブロックに追加CSSクラスに追記でも利用できます。
見出しH1～H5（ナンバー付与）
H1からH5の見出し要素の高度な設定内の追加CSSクラスに、01～05を「point-p01」「point-p002」「point-p03」「point-p04」「point-p05」を記述で利用できます。「大見出し」ブロックに追加CSSクラスに追記でも利用できます。
POINT 1
スペースブロック
余白30-50
スペースブロックの「余白30-50」を設定すると、スマホ時は高さ30px、PC時は高さ50pxで余白調整します。
余白15-25
スペースブロックの「余白15-25」を設定すると、スマホ時は高さ15px、PC時は高さ25pxで余白調整します。
リストマークブロック
リストのブロック定義は、個別のli（リスト）ではなく全体を括る枠を指定してください。
基本スタイル
- 基本リスト
- 基本リスト
- 三角マーク
- 三角マーク
- 印マークul
- 印マークul
- 印マークol
- 印マークol
時計付きボックス
文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。- 各リスト毎の高度な設定の追加CSSクラスに「time0830」「time1200」「time1300」「time1400」「time1630」で時刻の時計アイコンが表示されます。予備で、「time1500」「time1600」があります。dmhset130でmin-height:130を設定できます。
文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。数字付きボックス
- 文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。
- テキスト
文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。ポイントボックス
- タイトルはこんな感じポイントボックスを選択でこのような形で利用できます。
- タイトルはこんな感じポイントボックスを選択でこのような形で利用できます。
流れボックス
- タイトル
タイトルは、「B」タグで括ると上記のようになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。文章の頭にインライン画像設定でこのようなスタイルになります。 - タイトル
テキスト
タイトル画像に角丸を入れる
基本：角丸ノーマル「is-style-mdimg06」
他のブロックに「radset20」 を追記
他のブロックに「radset30」を追記
他のブロックに「radset50」 を追記
高度な設置の追加CSSクラスで角丸サイズを調整
- 初期値：角丸ノーマル（is-style-mdimg06）は、角丸サイズは10pxです。
- 他の画像ブロックにも半角開けて「radset10」～「radset50」を追記でも調整できます。
- 「bd-round10、bd-round20、bd-round30」も追記で同様にスタイル調整できます。
ボタン
ボタン部分をクリックして「スタイル」からタイプを各種ボタンを選択で使えます。
※あとで、S/M/Lの3タイプを定義したものを追加予定です。
ブルー背景のクラスに「hanten」を追加でカラー反転します。さらに「backcolor1」を追加でホバー時のブルーが明るいブルーになります。
高度な設置の追加CSSクラスでボタン幅を設定
- MAXサイズ：btm-max-300, btm-max-500, btm-max-700（％幅は100%）
- ％幅サイズ：btm-set70, btm-set80, btm-set90（MAXは600px）
テーブル
デフォルト
| ヘッダー | ヘッダー | ヘッダー |
|---|---|---|
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
ストライプ
| ヘッダー | ヘッダー | ヘッダー |
|---|---|---|
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
基本テーブル
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
可変テーブル
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
高度な設置の追加CSSクラスで背景カラーを設定
- 横：tr-base-（1～5・odd・even）、縦：td-base-（1～5・odd・even）
文章内ハイライト処理
文章の中でハイライトしたい部分の指定は、ハイライトしたい個所をドラック指定して上部に表示されるブロックの「▽」からマークを選択してください。
