/* GW 2026：WordPress に入れたときだけ要る見た目（投稿のカード・本文・フォーム・SWELL のページの包み）
   🔴 デザインの値は site.css の変数（--black --gold --white --ink …）だけを使う */

/* ── 投稿のカード（トップの3件・コラム一覧） ── */
.col-grid .gw-card{background:var(--card);border:1px solid var(--card-line);transition:border-color .2s}
.col-grid .gw-card:hover{border-color:var(--gold)}
.gw-card a{display:block;color:var(--ink);text-decoration:none!important}
.gw-card-pic{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--black)}
.gw-card-pic img{width:100%;height:100%;object-fit:cover;display:block}
.gw-card-noimg{display:block;width:100%;height:100%;background:var(--black)}
.gw-card-body{padding:18px 20px 22px}
.gw-card-meta{display:flex;gap:12px;align-items:center;margin:0 0 6px;font-size:var(--fs-note);color:var(--ink2);line-height:1.6}
.gw-card-cat{border:1px solid var(--gold);color:var(--gold-dark);padding:0 10px;font-size:13px}
.gw-card-title{margin:0;font-family:var(--f-min);font-weight:400;font-size:19px;line-height:1.7;letter-spacing:.02em}
.gw-list{margin-top:8px}
.gw-pager{margin-top:48px}
.gw-pager ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0}
.gw-pager a,.gw-pager span{display:inline-flex;min-width:46px;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink);text-decoration:none!important}
.gw-pager .current{border-color:var(--gold);color:var(--gold-dark)}

/* ── そのページの本番の本文（プライバシーポリシー） ── */
.gw-prose{max-width:900px}
.gw-prose h2{font-family:var(--f-min);font-weight:400;font-size:var(--fs-h3);margin:48px 0 12px;line-height:1.6}
.gw-prose h3{font-size:18px;margin:32px 0 8px}
.gw-prose ul,.gw-prose ol{padding-left:1.4em}

/* ── Contact Form 7（生成りの地の上） ── */
.gw-cf7 .wpcf7-form p{max-width:none;margin:0 0 22px}
.gw-cf7 label{display:block;font-weight:600;line-height:1.7}
.gw-cf7 input[type=text],.gw-cf7 input[type=email],.gw-cf7 input[type=tel],.gw-cf7 input[type=date],.gw-cf7 select,.gw-cf7 textarea{
  display:block;width:100%;max-width:640px;margin-top:6px;padding:12px 14px;font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1px solid #13131355;border-radius:2px}
.gw-cf7 textarea{min-height:180px}
.gw-cf7 select,.gw-cf7 input[type=date]{min-height:50px;box-sizing:border-box}
.gw-cf7 input:focus,.gw-cf7 select:focus,.gw-cf7 textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.gw-cf7 input[type=submit]{min-height:var(--btn-h);padding:0 44px;border:0;border-radius:100px;background:var(--gold);color:var(--black);font:inherit;font-size:var(--fs-btn);font-weight:700;cursor:pointer}
.gw-cf7 input[type=submit]:hover{background:var(--gold-hover)}
.gw-cf7 .wpcf7-not-valid-tip{color:#9b2c1f;font-size:15px}
.gw-cf7 .wpcf7-response-output{margin:16px 0 0!important;padding:12px 16px!important}
.dark .gw-cf7 label{color:var(--white)}

/* ── SWELL のテンプレート（投稿・カテゴリ・検索・404）を新しいヘッダー・フッターで包む ── */
.gw-swell-body{background:var(--white);color:var(--ink)}
.gw-swell-body #body_wrap{background:var(--white);color:var(--ink);padding-top:108px}
.gw-swell-body .header{background:var(--black)!important;border-bottom:1px solid var(--line-dark)}
.gw-swell-body #content{padding-top:40px;padding-bottom:80px}
.gw-swell-body .header,.gw-swell-body .site-footer,.gw-swell-body #mobile-menu{color:var(--white)}
.gw-swell-body .header a:not(.btn):not(.outline),.gw-swell-body .site-footer a:not(.btn):not(.outline),.gw-swell-body #mobile-menu a:not(.btn):not(.outline){color:inherit}
.gw-swell-body .btn-gold,.gw-swell-body .header .outline.gold{color:var(--black)}
@media(max-width:760px){.gw-swell-body #body_wrap{padding-top:85px}}

/* ── 院内ストリートビューのフォーム（CF7 460）：黒の帯の中に生成りの札を置いて、その上に出す ── */
.dark .gw-cf7{background:var(--white);color:var(--ink);padding:32px 28px;border:1px solid var(--gold)}
.dark .gw-cf7 label,.dark .gw-cf7 legend,.dark .gw-cf7 p{color:var(--ink)}
.gw-cf7 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.gw-cf7 .iv-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gw-cf7 .iv-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin-bottom:22px}
.gw-cf7 .iv-field-full{grid-column:1/-1}
.gw-cf7 .iv-field label{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:6px}
.gw-cf7 .iv-field-tag{display:inline-block;margin-left:10px;font-size:13px;font-weight:400;line-height:1.6;color:var(--ink2);border:1px solid var(--line);background:var(--card);padding:0 8px;white-space:nowrap;vertical-align:middle}
.gw-cf7 .iv-field label .iv-field-tag{margin-left:0}
.gw-cf7 .iv-hint{font-size:var(--fs-note);line-height:1.8;color:var(--ink2);margin:6px 0 0}
.gw-cf7 .iv-dates{border:1px solid var(--line);padding:18px 20px 6px;margin:0 0 22px}
.gw-cf7 .iv-dates legend{padding:0 8px;font-weight:600}
.gw-cf7 .iv-date-row>p{margin:14px 0 6px;font-weight:600}
.gw-cf7 .iv-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gw-cf7 .iv-area-notice{border-left:3px solid #a64c39;background:#fcf3ef;padding:12px 16px;color:#843b2e;font-size:var(--fs-note);margin:0}
.gw-cf7 .iv-area-notice[hidden]{display:none}
.gw-cf7 .iv-privacy-wrap{margin:8px 0 0}
.gw-cf7 .iv-privacy-wrap .wpcf7-list-item{margin:0}
.gw-cf7 .iv-privacy-wrap input{width:20px;height:20px;margin:0 8px 0 0;vertical-align:-4px;accent-color:var(--gold-dark)}
.gw-cf7 .iv-submit-wrap{margin-top:24px}
.gw-cf7 .iv-submit-wrap input[type=submit]{width:100%;max-width:none}
.gw-cf7 .iv-contract{font-size:var(--fs-note);line-height:1.8;text-align:center;margin:12px 0 0}
@media(max-width:760px){.gw-cf7 .iv-fields,.gw-cf7 .iv-date-inputs{grid-template-columns:1fr}.dark .gw-cf7{padding:24px 16px}.gw-cf7 .iv-field-full{grid-column:auto}}

/* ══ 投稿（コラム）のページ：SWELL の紺を、新デザイン（黒・金・生成り・明朝の見出し）にそろえる（10/4 夕方）══
   効く範囲は .gw-swell-body（SWELL のテンプレート＝投稿・カテゴリ・検索・404）だけ。固定ページ（.gw）には効かない。
   🔴 投稿の本文は書き換えない。本文に直書きの色（#0c2b2c・#a97c3f・#ffffff・#e8e4dc）は属性セレクタと !important で上書きする。 */

/* ① SWELL の色の変数（:root で決まった値が子へ引き継がれるので、参照している変数もここで決め直す） */
.gw-swell-body #body_wrap{
  --color_main:#131313;--color_htag:#131313;--color_link:#8a6a35;--color_text:#131313;
  --color_bg:#f5f3ee;--color_content_bg:#f5f3ee;--color_main_thin:rgba(196,154,85,.10);--color_main_dark:#000;
  --color_gradient1:#f5f3ee;--color_gradient2:#efece5;--color_list_check:#c49a55;--color_list_num:#8a6a35;
  --color_header_bg:#131313;--color_header_text:#f5f3ee;--color_footer_bg:#131313;--color_footer_text:#f5f3ee;
  --swl-main:#131313;--swl-main-thin:rgba(196,154,85,.10);--color_gray:rgba(19,19,19,.12)}
.gw-swell-body .post_content a:not(.wp-block-button__link):not(.c-categoryList__link){color:var(--gold-dark)}

/* ② 見出し：固定ページと同じ＝明朝・太さ400・下に金の線（h2）／左に金の線（h3）／明朝（h4） */
.gw-swell-body .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
  background:none;color:var(--ink);padding:0 0 .2em;margin-top:3.2em;border:0;
  font-family:var(--f-min);font-weight:400;font-size:clamp(23px,2.3vw,29px);line-height:1.6;letter-spacing:.03em}
.gw-swell-body .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{display:none}
.gw-swell-body .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after{
  content:"";display:block;position:static;width:48px;height:1px;background:var(--gold);margin-top:18px;border:0}
.gw-swell-body .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
  padding:0 0 0 14px;border-left:2px solid var(--gold);font-family:var(--f-min);font-weight:400;font-size:21px;line-height:1.6;color:var(--ink)}
.gw-swell-body .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{display:none}
.gw-swell-body .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){
  padding:0;font-family:var(--f-min);font-weight:400;font-size:18px;color:var(--ink)}
.gw-swell-body .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{display:none}
.gw-swell-body .c-postTitle__ttl,.gw-swell-body .l-articleBottom__title,.gw-swell-body .c-widget__title,.gw-swell-body .p-toc__ttl{font-family:var(--f-min);font-weight:400;letter-spacing:.03em}

/* ③ 目次・引用・表・リスト */
.gw-swell-body .p-toc{background:var(--card);border:1px solid var(--gold)!important}
.gw-swell-body .p-toc::before,.gw-swell-body .p-toc::after{border-color:var(--gold)!important}
.gw-swell-body .p-toc a{color:var(--ink)}
.gw-swell-body .p-toc li::before,.gw-swell-body .p-toc .p-toc__list>li>a::before{color:var(--gold-dark)}
.gw-swell-body .post_content blockquote{background:var(--card);border-left:2px solid var(--gold)}
.gw-swell-body .post_content blockquote::before,.gw-swell-body .post_content blockquote::after{color:var(--gold);border-color:var(--gold)}
.gw-swell-body .post_content table th{background:var(--cream2);color:var(--ink)}
.gw-swell-body .post_content table th,.gw-swell-body .post_content table td{border-color:var(--line)}
.gw-swell-body .post_content ul:not([class*="is-style"])>li::before{background-color:var(--gold)}
.gw-swell-body .post_content ol:not([class*="is-style"])>li::before{color:var(--gold-dark)}

/* ④ 記事末の相談の箱（本文の直書き：濃い緑 #0c2b2c・茶 #a97c3f・白枠）→ 固定ページの締めの CTA と同じ見え方 */
.gw-swell-body .post_content .wp-block-group[style*="#0c2b2c"]{background-color:var(--black)!important;border:1px solid var(--gold);border-radius:0!important}
.gw-swell-body .post_content .wp-block-group[style*="#0c2b2c"] h3{color:var(--white)!important;border-left:0;padding-left:0;font-family:var(--f-min);font-weight:400}
.gw-swell-body .post_content .wp-block-group[style*="#0c2b2c"] p{color:var(--on-dark)!important}
.gw-swell-body .post_content .wp-block-button__link[style*="#a97c3f"]{background-color:var(--gold)!important;color:var(--black)!important;border:1px solid var(--gold);border-radius:100px!important;font-weight:700}
.gw-swell-body .post_content .wp-block-button__link[style*="#a97c3f"]:hover{background-color:var(--gold-hover)!important}
.gw-swell-body .post_content .is-style-outline .wp-block-button__link{background:transparent!important;color:var(--gold)!important;border:1px solid var(--gold)!important;border-radius:100px!important}
.gw-swell-body .post_content .is-style-outline .wp-block-button__link:hover{background:rgba(196,154,85,.12)!important}

/* ⑤ 投稿の情報の欄：カテゴリの札・アイコン・日付・タグ（コラム一覧のカードの札と同じ：金の枠・金茶の文字） */
.gw-swell-body .c-categoryList__link,.gw-swell-body .c-categoryList__link:hover{background:none!important;color:var(--gold-dark)!important;border:1px solid var(--gold);border-radius:0;padding:0 10px;line-height:1.8}
.gw-swell-body .c-categoryList::before,.gw-swell-body .c-tagList::before,.gw-swell-body .c-postTimes__posted::before,.gw-swell-body .c-postTimes__modified::before{color:var(--gold-dark)}
.gw-swell-body .c-tagList__link,.gw-swell-body .c-tagList__link:hover{background:none!important;color:var(--ink2)!important;border:1px solid var(--line);border-radius:0}
.gw-swell-body .c-postTimes{color:var(--ink2)}
.gw-swell-body .p-postList__cat,.gw-swell-body .c-postThumb__cat{background:var(--black)!important;color:var(--gold)!important}

/* ⑥ そのほか SWELL の紺が残る所：パンくず・著者欄・関連記事・前後の記事・ページ送り・サイドバー・コメント */
.gw-swell-body .p-breadcrumb{background:var(--cream2)}
.gw-swell-body .p-breadcrumb a,.gw-swell-body .p-breadcrumb__text{color:var(--ink2)}
.gw-swell-body .l-articleBottom__title,.gw-swell-body .c-widget__title{color:var(--ink)!important;border-color:var(--gold)!important}
.gw-swell-body .l-articleBottom__title::before,.gw-swell-body .c-widget__title::before{background:var(--gold)!important;border-color:var(--gold)!important}
.gw-swell-body .p-authorBox{border-color:var(--line)}
.gw-swell-body .p-pnLinks__link{color:var(--ink)}
.gw-swell-body .p-pnLinks__link::before{border-color:var(--gold)!important}
.gw-swell-body .c-pagination .page-numbers.current,.gw-swell-body .c-pagination__number.-current{background:var(--black)!important;color:var(--gold)!important}
.gw-swell-body .comment-form .submit,.gw-swell-body .wp-block-search__button,.gw-swell-body .c-searchForm__submit{background:var(--black)!important;color:var(--gold)!important}

/* 投稿ページ（SWELL の CSS が効く所）でも、ヘッダー・スマホメニュー・フッターのアイコンは線だけ（固定ページと同じ。10/4 目視） */
.gw-swell-body .header svg,.gw-swell-body #mobile-menu svg,.gw-swell-body .site-footer svg{fill:none}