サンプルページ

見出し3（h3タグ）テキストサンプル

これは本文テキストのサンプルです。段落はpタグで括ってください。改行は、brタグを挿入してください。
テキストリンクは、このように表示されます。
テキストと画像の段組みは、親要素divタグで括り、クラス「flex-col」を付与してください。
上下左右のマージンは、対象要素にクラス「mrg-left」「mrg-right」「mrg-top」「mrg-bottom」を付与してください。

サンプルイメージ

見出し4（h4タグ）テキストサンプル

リストタグテキストサンプル
※brタグを挿入してインデント改行
リストタグテキストサンプル
リストタグテキストサンプル
リストタグテキストサンプル

見出し5（h5タグ）テキストサンプル

2段組みの本文テキストのサンプルです。対象要素のpタグにクラス「col-text」を付与してください。2段組みの本文テキストのサンプルです。対象要素のpタグにクラス「col-text」を付与してください。
2段組みの本文テキストのサンプルです。対象要素のpタグにクラス「col-text」を付与してください。2段組みの本文テキストのサンプルです。対象要素のpタグにクラス「col-text」を付与してください。

見出し5（h5タグ）テキストサンプル

コラムの背景は、親要素にクラス「col-pink」「col-green」「col-gray」を付与してください。コラムの背景は、親要素にクラス「col-pink」「col-green」「col-gray」を付与してください。

見出し5（h5タグ）テキストサンプル

これは、背景色クラス「col-gray」のサンプルです。これは、背景色クラス「col-gray」のサンプルです。これは、背景色クラス「col-gray」のサンプルです。これは、背景色クラス「col-gray」のサンプルです。

画像ギャラリーは、親要素にクラス「mg-popup」を、各imgタグに「data-effect=”mfp-zoom-in”」を付与してください。
ズームエフェクトは、aタグにクラス「ov-h」を付与してください。

ヘッダー（thタグ）	セル（tdタグ）
ヘッダー（thタグ）	tableタグにクラス「tbl」を付与するとこのデザインを適用できます
ヘッダー（thタグ）	クラス「tbl」の表は、パソコンとモバイルで表示が変化します。
リンクボタンサンプル	クラス「btn」ボタン　クラス「btn-sol」ボタン