要素1
要素2
※注意事項を常に表示することができます。
通常テキスト通常テキスト太字テキストテキスト赤色テキスト緑色テキスト紺色テキスト 通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト通常テキスト
通常テキスト 緑マーカーテキスト 黄色マーカーテキスト 緑ホバーマーカー 黄色ホバーマーカー 通常テキスト
タイトルタイトルタイトルタイトル
マージン等を設定する際の書き方
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つ目モーダルウィンドウです。ここにモーダルウィンドウで表示したいコンテンツを入れます。モーダルウィンドウを閉じる場合は下の「閉じる」をクリックするか、背景の黒い部分をクリックしても閉じることができます。
モーダルウィンドウのテストです。ここにモーダルウィンドウで表示したいコンテンツを入れます。モーダルウィンドウを閉じる場合は下の「閉じる」をクリックするか、背景の黒い部分をクリックしても閉じることができます。
テーブルサンプル | テーブルサンプル | テーブルサンプル | テーブルサンプル |
---|---|---|---|
テーブルサンプル | テーブルサンプル | テーブルサンプル | テーブルサンプル |
テーブルサンプル | テーブルサンプル | テーブルサンプル | テーブルサンプル |
テーブルサンプル | テーブルサンプル | テーブルサンプル | テーブルサンプル |
QAサンプル
QAサンプル
QAサンプル
リンク文章内リンクリンクリンクリンクリンクリンク
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテステストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストトテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
STEP
01
テストテストテスト
STEP
02
テストテストテスト
STEP
03
テストテストテスト