menu診療案内
- HOME
- 内科|専門外来
専門外来のご案内
タイトルタイトル(見出しh1)
タイトルタイトル(見出しh2)
タイトルタイトルタイトルタイトル(見出しh3)
タイトルタイトルタイトルタイトル(見出しh4)
リンク・リスト
リンクボタン
リスト
- リストリストリスト
- リストリストリスト
- リストリストリスト
- リストリストリスト
- リストリストリスト
- リストリストリスト
- チェックリストリストリスト
- チェックリストリストリスト
- チェックリストリストリスト
Q&A(開閉コンテンツ)
?ご存知ですか?鼻からの苦痛の少ない内視鏡
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
?ご存知ですか?鼻からの苦痛の少ない内視鏡
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テーブル
スマホではそのまま縮小
見出し | テキストテキスト | 見出し | テキストテキスト |
---|---|---|---|
見出し | テキストテキスト | 見出し | テキストテキスト |
スマホでは縦積み
見出し | テキストテキスト | 見出し | テキストテキスト |
---|---|---|---|
見出し | テキストテキスト | 見出し | テキストテキスト |
スマホではそのまま縮小
見出し | 見出し | 見出し |
---|---|---|
テキストテキスト | テキストテキスト | テキストテキスト |
スマホでは一番左の固定でスクロール
受付時間 | 月 | 火 | 水 | 木 | 金 | 土 | 日 |
---|---|---|---|---|---|---|---|
00:00-00:00 | ●●● | ●●● | ●●● | ●●● | ●●●● | ●●●●●● | ● |
00:00-00:00 | ●●● | ●●● | ●●●● | ●● | ●●● | ● | ● |
装飾ボックス
見出し見出し
見出しはh4またはh3
見出し見出し
テキストテキスト
見出し見出し
テキストテキスト
flexレイアウト
コンテンツ等幅:スマホ時1/1縦積み



コンテンツ等幅:スマホ時1/2



コンテンツ等幅以外/space-between(.flx--sbを付与、各コンテンツにサイズ指定)
画像+テキストブロック
テキスト50%、画像:40% スマホでは画像が下
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキスト50%、画像:40% スマホでは画像が上
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト


テキスト55%、画像:40% スマホでは画像が上
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキスト55%、画像:40% スマホでは画像が下
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
まわりこみ
画像左寄せ+画像サイズ設定 スマホでは画像は常に45vwで固定
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像右寄せ+画像サイズ設定 スマホでは画像は常に45vwで固定
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像
PC:120px/SP:20%
PC:140px/SP:25%
PC:150px/SP:30%
PC:200px/SP:35%
PC:240px/SP:40%
PC:280px/SP:50%
PC:300px/SP:60%
PC:320px/SP:70%
PC:400px/SP:80%
PC:640px/SP:100%
PC:840px/SP:100%