
サンプルページ
見出しh3
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しh4
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しh5
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しh6
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
文字装飾・リンク
文字装飾
マーカー、太字
サンプルテキストマーカを引いたテキスト(class="base-marker")
シンプルな太字にするときは(class="base-text--bold")
テキストカラー変更
デフォルトテキスト(class="base-text")
サイトカラーのテキスト(class="base-text--siteColor")
サイトサブカラーのテキスト(class="base-text--siteSubColor")
赤のテキスト(class="base-text--red")
グレーのテキスト(class="base-text--gray")
大きさ
小さい文字(class="base-text--small")
大きい文字(class="base-text--large")
位置
文字を中央揃え
文字を右揃え
上付き文字、下付き文字
文字上付き文字
文字下付き文字
文字上付き文字(低め、pの上にマージンがある時など)
文字上付き文字(高め、「α」など高さの低い文字の時など)
引用文
サンプルテキストサンプルテキスト
サンプルテキストサンプルテキスト
上のスペースひかえめ
お知らせNEW
緑背景の文字
リンク
class="link_btn"リスト
- リストサンプル
- リストサンプル
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
- リストサンプル
- リストサンプル
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
- リストサンプル
- リストサンプル
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
- リストサンプル
- リストサンプル
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
ナンバーボックス
1.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
2.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
3.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
1.
警告
1.1
本剤はIL−12/23の作用を選択的に抑制する薬剤であるため、感染のリスクを増大させる可能性がある。また、結核の既往歴を有する患者では結核を活動化させる可能性がある。また、本剤との関連性は明らかではないが、悪性腫瘍の発現が報告されている。本剤が疾病を完治させる薬剤でないことも含め、これらの情報を患者に十分説明し、患者が理解したことを確認した上で、治療上の有益性が危険性を上回ると判断される場合にのみ投与すること。また、本剤投与後に副作用が発現した場合には、主治医に連絡するよう患者に注意を与えること。[2.1、8.1-8.3、9.1.1-9.1.3、11.1.2、11.1.3、15.1.6 参照]
【ウステキヌマブBS皮下注45mgシリンジ「F」・90mgシリンジ「F」の効能又は効果】
4.
効能又は効果 〇既存治療で効果不十分な下記疾患 尋常性乾癬、乾癬性関節炎
タイトル:
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト いくつもこの形式を並べたい場合には下記、テーブルの記載のものを使う
緑タイトル
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
青タイトル
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
Q1
しつもん
A.
こたえのテキストや画像はdivの中に
h4にid設定しておくと便利です
図
図のタイトル

テーブル
基本のテーブル
| サンプル | ||
|---|---|---|
サンプル | 色つきのセル class="td_title" | プレーン |
| センター寄せ class="center" | ||
| 右寄せ class="right" | ||
スマホの時に横スクロール
| スクロール | サンプル | サンプル |
|---|---|---|
| プレーン | センター寄せ | センター寄せ |
| 横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします | センター寄せ | センター寄せ |
警告のテーブル
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
|---|---|
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
枠なしのテーブル
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
|---|---|
| 見出し 右寄せ | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し 左寄せ | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
| 見出し | サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト |
枠なしのテーブルを応用したフェイクチェックリスト
※入力を想定しないものです
※ボックスの下に余白が出ないよう base-table--noMargin で調整しています
※サンプルテキストがない場合には全角スペースを入れてください。何もない状態で base-fakeTxtfield を使うとカッコの位置がずれます
| サンプルタイトルサンプルタイトル | |
|---|---|
| □ 項目 | サンプルテキスト |
| □ 項目 | テキスト真ん中寄せ |
| □ 胸部X線 | テキスト左寄せ |
ボックス
base-box--border、base-box--caution、base-box--link
h4サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
h6サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
base-box--green、base-box--gray
h5サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
h6サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
ボックスの中でリストのみを使う場合
ボックスの中でリストのみを使用して下に余白が多く出来る場合、ulに
base-list--noMargin
を追加してください。(全種類のリストで使えます)
- ul class="base-list base-list--circle base-list--noMargin"
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
- リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
"base-column""base-box_heading"
h5サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
h5サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキスト

サンプルテキスト
画像・コンテンツ配置
画像に黒ボーダー

(class="base-img base-img--border")
画像のセンター寄せ

(class="base-img base-img--center")
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
画像の左寄せ

“base-column”で“base-column_itemNarrow”と"base-column_itemWide"を囲む
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
画像の右寄せ

“base-column”で“base-column_itemNarrow”と"base-column_itemWide"を囲む
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
大きめの写真
(class="base-img base-img--wide")

スマホの画像をリサイズしない
画像の横幅が小さすぎてスマホで荒くなってしまう場合に使用
(class="base-img base-img--noResize")

センター寄せ
(class="base-img base-img--noResize base-img--center")

