h1テキスト
h1テキスト

h1テキスト

フローウィンドウテスト

要素1

要素2

※注意事項を常に表示することができます。

h5テキスト(h2テキストの代わりとして使えるサイズで作成)

h2テキスト

h3テキスト

h4テキスト

通常テキスト通常テキスト太字テキストテキスト赤色テキスト緑色テキスト紺色テキスト 通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト

通常テキスト 緑マーカーテキスト 黄色マーカーテキスト 緑ホバーマーカー 黄色ホバーマーカー 通常テキスト

タイトルタイトルタイトルタイトル

マージン等を設定する際の書き方
PC用:classにmt15でmargin-top:15px
SP用:classにspmt30でmargin-top: 4vw;
基本、PCでmt15を設定したら、SPは2倍のspmt30で設定してください。

PC用
mt⇒margin-top ml⇒margin-left mr⇒margin-right mb⇒margin-bottom
SP用
spmt⇒margin-top spml⇒margin-left spmr⇒margin-right spmb⇒margin-bottom

上記と同じでpaddingも用意されています。0px~300pxまで
PC用
pt⇒padding-top pl⇒padding-left pr⇒padding-right pb⇒padding-bottom
SP用
spmt⇒margin-top sppl⇒padding-left sppr⇒padding-right sppb⇒padding-bottom

左揃え左揃え左揃え左揃え左揃え左揃え

右揃え右揃え右揃え右揃え右揃え右揃え

真ん中真ん中真ん中真ん中真ん中真ん中

PCは右揃えだが、SPは左揃えの場合

テキストフォントサイズ
PC用⇒fs6~fs50
SP用⇒spfs6~spfs50

フォントサイズfs38、spfs43の太字

フォントサイズfs20、spfs36の中字

フォントサイズfs16、spfs32の場合m-c-txtと同サイズ

  1. 数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト
  2. 数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト
  3. 数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト数字リスト
テーブルサンプル テーブルサンプル テーブルサンプル テーブルサンプル テーブルサンプル
テーブルサンプル テーブルサンプル テーブルサンプル テーブルサンプル 太字太字太字太字太字
テーブルサンプル テーブルサンプル テーブルサンプル テーブルサンプル
テーブルサンプル テーブルサンプル テーブルサンプル テーブルサンプル
  • QAサンプル

  • QAサンプル

  • QAサンプル

リンク

リンク文章内リンクリンクリンクリンクリンクリンク

枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠
枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠
枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠線枠

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

テストテストテステストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストトテストテストテストテスト

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

確認ダイアログを表示する

緑ボタン

オレンジボタン

インターネット仮申込はこちら

シミュレーション開始

商品詳細

同意します

TOPへ