/* SEO修正（2026-10）：見出しタグを変えても従来の見た目を保つためのクラス。
   as-hN = 変更前のhNタグ（primer.css）と同じ文字サイズ・太さ・余白 */
.as-h1, .as-h2, .as-h3, .as-h4, .as-h5 { font-weight: var(--base-text-weight-semibold, 600); margin-top: 0; margin-bottom: 0; }
.as-h1 { font-size: var(--h1-size, 32px); }
.as-h2 { font-size: var(--h2-size, 24px); }
.as-h3 { font-size: var(--h3-size, 20px); }
.as-h4 { font-size: var(--h4-size, 16px); }
.as-h5 { font-size: var(--h5-size, 14px); }
/* 本文テキストと同じ見た目のまま見出しにする（変更前は p・label 等） */
.as-text { font-size: inherit; font-weight: inherit; line-height: inherit; margin-top: 0; margin-bottom: 0; }
p.as-h4 { line-height: inherit; }
/* よくある質問：質問をh3にしたとき、見出し全体（Qアイコン含む）をクリックで開閉できるようにする */
.faq-list__q--heading { position: relative; }
.faq-list__q--heading > label { cursor: pointer; }
.faq-list__q--heading > label::before { content: ""; position: absolute; inset: 0; z-index: 1; }
/* 商品詳細：仕様の dl を h3 にしたとき、dl・dt と同じ見た目にする（style.css の .p-product__dl dt と同じ値） */
h3.p-product__dl, h3.p-product__h3 { font-size: inherit; line-height: inherit; margin-top: 0; margin-bottom: 0; }
h3.p-product__h3 { font-weight: inherit; }
h3.p-product__h3--note { margin-bottom: 10px; } /* 変更前の p と同じ下余白 */
span.p-product__dl { display: flex; }
.p-product__dt { display: flex; margin-right: var(--size-small); min-width: 7.2rem; }
.p-product__dt-sep { display: inline-block; margin-left: auto; }
/* 商品詳細：エリア別在庫の行（変更前は label。primer の label の太さ・カーソルに合わせる） */
.p-product__area { font-weight: var(--base-text-weight-semibold, 600); cursor: default; }
/* 店舗の配送料金：地域（変更前は p）を料金の h3 に含めたときの見た目 */
.shop-price__area { font-weight: var(--base-text-weight-normal, 400); }
/* 本文の見出しを1段上げたページ（inc/seo.php resta_seo_promote_headings）：style.css の .textarea-content の h3・h4 の見た目に戻す */
.textarea-content:not(.blog-content) h2.as-h3 { display: block; width: 100%; margin-bottom: 1rem; font-size: var(--fsize-large); position: relative; padding: 3px 0; background: none; }
.textarea-content:not(.blog-content) * + h2.as-h3 { margin-top: 2.5rem; }
.textarea-content:not(.blog-content) h2.as-h3::after { content: none; }
.textarea-content:not(.blog-content) h2.as-h3::before { content: ""; position: absolute; display: block; bottom: -0.2em; height: 1px; width: 100%; background: var(--mainDarkColor); }
.textarea-content:not(.blog-content) h3.as-h4 { display: revert; width: auto; margin-bottom: 0.5rem; font-size: var(--fsize-medium); padding: 0; }
.textarea-content:not(.blog-content) * + h3.as-h4 { margin-top: 2.3rem; }
.textarea-content:not(.blog-content) h3.as-h4::before { content: none; }
/* オフィスのノウハウ一覧：記事タイトルをh2にしたときに、style.css の .p-infomation-blog--item > div h3 と同じ見た目にする */
.p-infomation-blog--item > div h2 { color: #FFF; top: auto; left: 8%; right: 8%; font-size: 21px; border-bottom: 3px solid #05848d; padding-bottom: 0.1em; z-index: 9; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.p-infomation-blog--item.p-infomation-blog--item-simple > div h2 { -webkit-line-clamp: 3; }
/* 会議用テーブル：「お問合せからご購入までの主な流れ」をh2にしたときに、conferenceTable.css の h3 と同じ見た目にする */
body .Conference_Table h2.as-h3 { font-size: 22px; line-height: inherit; }
/* 画像に width・height を付けても表示サイズは従来どおり（属性は縦横比の確保だけに使う）。:where で詳細度0にし、既存の height 指定を優先する */
:where(img[width][height]) { height: auto; }