リンク
<a href=”https://kotonoha-mental-minamiosawa.com/first/#difficulty”>こちらをご覧ください。</a>
見出しフォント(明朝+緑色) 「カスタムHTML」
<h2 style=”font-family:’Noto Serif JP’,’游明朝’,’Yu Mincho’,
‘Hiragino Mincho ProN’,’MS PMincho’,serif;
text-align:center;
color:#1399a9;”>
治療
</h2>
CSS
/* 見出し直下の段落の余白を詰める */
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
margin-top: 0; /* 余白を消す */
}
/* 見出し全体の下マージンを少し詰める(好みに応じて調整) */
h2 {
margin-bottom: 0.5em; /* デフォルトは1emくらい → 少し詰める */
}
/* ヘッダーの高さ(おおよそ)を指定 ※あとで微調整 */
:root { –header-h: 80px; }
/* 全ページの上に余白を足して、ヘッダーに隠れないようにする */
body { padding-top: var(–header-h); }
/* 管理バーが出るログイン時はその分も足す(PC表示) */
@media (min-width: 783px){
body.admin-bar { padding-top: calc(var(–header-h) + 32px); }
}
/* 管理バー(スマホ表示時)は高さが変わることがある */
@media (max-width: 782px){
body.admin-bar { padding-top: calc(var(–header-h) + 46px); }
}