書式一覧（その他）

その他

スペース

▲通常

 class="Space_top"
 class="Spaces_all"
 class="Spaces_double"

デバイス切り替え

このタグを使うと、displayがblockになるため、flexなどには使えない点に注意。

ＰＣのみで表示

スマートフォンのみで表示

手順

オンライン予約で使用中

タイトル

テキストテキストテキストテキストテキスト

タイトル

矢印はクラスで設定してる

タイトル

画像の表示はこんな感じ

<dl class="Online-Flow">
<dt></dt>
<dd class="Online-Flow-down"></dd>

<dt></dt>
<dd class="Online-Flow-down"></dd>

<dt></dt>
<dd></dd>
</dl>

フキダシ

baloon1

四角いフキダシです。今はleftしか設定していません。
親要素にballoon1を設定すると、子のimgが丸いアイコンになります。フキダシの向きは子要素で設定します。
親要素の指定はありません。

<div class="balloon1">ここにイメージ<p class="balloon1-left">ここにフキダシの内容。<Br>
改行も反映</p></div>