テンプレート

<details>
<summary>アコーディオンのタイトル</summary>
<div class="details-content">
<p>本文</p>
<p>改行すると<br>
これくらいの行間</p>
</div>
</details>

<section class="AH_index">
<details>
<summary>目次</summary>
<div class="details-content">
<ul>
<li><a href="#ジャンプ先のidの中身">ジャンプ先の名前など</a></li>
<li><a href="#ジャンプ先のidの中身">ジャンプ先の名前など</a></li>
<li><a href="#ジャンプ先のidの中身">入れ子にしたい時</a>
<ul>
<li><a href="#ジャンプ先のidの中身">入れ子にしたい時</a></li>
<li><a href="#ジャンプ先のidの中身">入れ子にしたい時</a></li>
<li><a href="#ジャンプ先のidの中身">入れ子にしたい時</a></li>
</ul>
</li>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a>
<ul>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a></li>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a></li>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a>
<ul>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a></li>
<li><a href="#ジャンプ先のidの中身">さらに入れ子にしたい時</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#ジャンプ先のidの中身">ジャンプ先の名前など</a></li>
</ul>
</div>
</details></section>

//入れ子にしたい時は、該当箇所のliを閉じる手前に
//ulで新しいリストを入れるイメージ

//現在は見出し（h2タグ）の上基準で入れてます！
<div id="目次と同じ名前" class="fixedAdjust"></div>
<h2 class="fusen">診療方針</h2>

見出し

<h2 class="fusen">見出し</h2>

小見出し

<h3 class="nikukyu">小見出し</h3>

小見出し

<h3 class="header--underLine">小見出し</h3>

<section class="AH_table">
<table>
<tr>
<th>項目</th>
<th>項目</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>
</section>

<div class="box--outsideHeader">
<span class="box--outsideHeaderTitle">タイトル</span>
<p>文章</p>
</div>

<p><a href="リンク" target="_blank" class="column1--buy--supplement"></a></p>

<p><a href="リンク" target="_blank" class="column1--buy--amazon"></a></p>

<p><a href="リンク" target="_blank" class="column1--buy--rakutenBooks"></a></p>

スマホだけ<br class="br-sp">改行したい時

パソコンでだけ<br class="br-pc">改行したい時

    <ul class="list--kome">
        <li>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
        <li>テキストテキストテキストテキストテキストテキストテキストテキ<br>
ストテキストテキストテキストテキストテキストテキストテキスト</li>
    </ul>

<div class="item--hover">マウスホバーで浮かしたい要素</div>

[include_post id="123（任意の投稿ID）"]

<h2 class="ttl_line2">小見出し</h2>