2023.04.05 更新
文字サイズ・太字・行並び
文字サイズ70% class:hd_fs70
文字サイズ80% class:hd_fs80
文字サイズ90% class:hd_fs90
文字サイズ110% class:hd_fs110
文字サイズ120% class:hd_fs120
文字サイズ130% class:hd_fs130
文字サイズ140% class:hd_fs140
文字サイズ150% class:hd_fs150
文字サイズ160% class:hd_fs160
文字サイズ170% class:hd_fs170
文字サイズ180% class:hd_fs180
文字サイズ190% class:hd_fs190
文字サイズ200% class:hd_fs200
- 【文字寄せ】
- 中央揃え class:hd_txtC
- 左揃え class:hd_txtL
- 右揃え class:hd_txtR
- 【文字色】
- ・太字 class:hd_bold
- ・重要(太文字赤) class: hd_attention
- ・赤 class: hd_clr-red
- ・ブラウザデフォルトのリンクの色 class: hd_clr-blue
- ・ライトブルー class: hd_clr-Lblue
- ・ダークブルー class: hd_clr-Dblue
- ・グリーン class: hd_clr-grn
- ・ライトグリーン class: hd_clr-Lgrn
- ・イエロー class: hd_clr-yel
- ・オレンジ class: hd_clr-org
- ・白 class: hd_clr-wh
どこでも使えるtable ※th使用・widthは内容依存
見出し(サイズ指定なし) | テキストテキストテキストテキストテキストテキストテキストテキスト |
---|---|
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し(合わせて可変) | テキストテキストテキストテキストテキストテキストテキストテキスト |
---|---|
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し | テキストテキストテキストテキストテキストテキストテキストテキスト |
見出し(サイズなし) | 見出し(サイズなし) | 見出し(サイズなし) |
---|---|---|
test | test | test |
test | test | test |
見出し(サイズなし) | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
---|---|
見出し(サイズなし) | テキストテキストテキストテキスト |
見出し(サイズなし) | テキストテキストテキストテキストテキストテキストテキストテキスト |
CMS用汎用table tdのみ(/css/hds/cms_block.css)※thはclass末尾に--h
test | test | test |
test | test | test |
test | test | test |
test | test | test |
test | test | test |
test | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
test | test | test |
test | test | test |
test | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
サイズ可変 | test | test |
どこでも使えるご注意書き(※わかる範囲で使用する)
カート等の注意喚起用 ( class: hd_box-info01 )※リンクなし
カート等の注意喚起用 ( class: hd_box-info02 )※リンクなし
カート等の注意喚起用 ( class: hd_box-info03 )※リンクなし
カート等の注意喚起用 ( class: hd_box-info04 )※リンクなし
カート等の注意喚起用 ( class: hd_box-info01 )※リンクあり aタグにかける
カート等の注意喚起用 ( class: hd_box-info02 )※リンクあり aタグにかける
カート等の注意喚起用 ( class: hd_box-info03 )※リンクあり aタグにかける
カート等の注意喚起用 ( class: hd_box-info04 )※リンクあり aタグにかける
- 見出しが必要な時に使う
- カート等の注意喚起用 ( class: hd_box-info01 )
- 見出しが必要な時に使う
- カート等の注意喚起用 ( class: hd_box-info02 )
- 見出しが必要な時に使う
- カート等の注意喚起用 ( class: hd_box-info03 )
- 見出しが必要な時に使う
- カート等の注意喚起用 ( class: hd_box-info04 )
商品・バナーリスト(※ul、ol 専用。わかる範囲で使用する)
PC:2/スマホ:1( class:itemBox_2-1 )
PC・スマホ:2固定( class:itemBox_2-2 )
PC:3/スマホ:1( class:itemBox_3-1 )
PC:3/スマホ:2( class:itemBox_3-2 )
PC:4/スマホ:2( class:itemBox_4-2 )
PC:5/スマホ:2( class:itemBox_5-2 )
PC:5/スマホ:3( class:itemBox_5-3 )
PC:6/スマホ:2( class:itemBox_6-2 )
PC:6/スマホ:3( class:itemBox_6-3 )
PC:6/スマホ:4( class:itemBox_6-4 )
PC:7/スマホ:3( class:itemBox_7-3 )
PC:7/スマホ:4( class:itemBox_7-4 )
PC:8/スマホ:3( class:itemBox_8-3 )
PC:8/スマホ:4( class:itemBox_8-4 )
PC:9/スマホ:3( class:itemBox_9-3 )
PC:9/スマホ:4( class:itemBox_9-4 )
PC:9/スマホ:5( class:itemBox_9-5 )
説明テキストテキスト
説明テキストテキスト