/* 物件個別ページ 共通スタイル
   デザインの正本：handoff_20260816/plan-G-airy.dc.html（G案・白地＋細い罫）
   すべて .iae-bukken 配下にスコープ（テーマCSSと干渉させない）

   v2.1（2026-08-16）＝デザイン側の正本がC案→G案へ切替。本番は8/15の時点で既に白地ベース
   だったため配色の作り直しは無し。受領CSSは①色変数の定義が丸ごと欠落 ②`.iae-bukken h1`へ
   直接色を当てており①を直した瞬間にヒーロー見出しが写真上で暗色になる ③スマホ左右余白が0に戻る、の3点で
   そのまま使えないため差し替えず、下記の差分だけ取り込んだ（詳細＝handoff_20260816/実装からの申し送り_v2.md）。

   v2（2026-08-15 夜・佐藤さん指示）＝配色を白地ベースへ変更。
   ・濃い色面（深緑・黒）の帯は使わない。区切りは白地＋上下の細い罫で作る
   ・赤 #e11d48 は資料請求・内見ボタンのみ。CTAは3か所＋スマホ下部固定だけ
   ・深緑は物件ページ本文では使わない。例外は「販売中」バッジの小さな緑の丸だけ
     （深緑はヘッダー・フッターなどサイト共通部分に残る） */

.iae-bukken{
  --card:#FFFDFA; --paper:#F7F5F1; --sunken:#EFECE6;
  --ink:#33302B; --ink-700:#4A443C; --muted:#7A756C; --faint:#9A948A;
  --red:#e11d48; --line:#D8D2C7; --hair:#E2DCD1; --gold:#A79F92; --green-dot:#2F7D57;
  background:var(--paper); color:var(--ink);
  font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif; line-height:1.8;
  max-width:1180px; margin:0 auto; padding-bottom:96px;
}
.iae-bukken img{max-width:100%;height:auto;display:block}
.iae-bukken h1,.iae-bukken h2{font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-weight:500;letter-spacing:.02em}

/* パンくず */
.iae-crumb{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--faint);padding:14px 30px}
.iae-crumb a{color:var(--faint);text-decoration:none}

/* ヒーロー */
.iae-hero{position:relative;background:var(--sunken);container-type:inline-size;aspect-ratio:16/9;min-height:220px}
.iae-hero>img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.iae-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(74,68,60,.30) 0%,rgba(74,68,60,0) 26%,rgba(74,68,60,0) 52%,rgba(74,68,60,.46) 78%,rgba(74,68,60,.70) 100%)}
.iae-hero__body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px;color:#fff;min-width:0}
.iae-hero__body h1{margin:0;font-size:clamp(21px,4.6cqw,32px);line-height:1.5;text-shadow:0 2px 14px rgba(40,36,31,.55);overflow-wrap:anywhere}
/* 住所は写真の上に乗るので、字間が広いぶん影を二重にして輪郭を出す（検収の低コントラスト指摘） */
.iae-hero__addr{margin:0 0 8px;font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.28em;color:#F3E9D6;text-shadow:0 1px 3px rgba(40,36,31,.85),0 2px 14px rgba(40,36,31,.65)}
.iae-hero__spec{margin:10px 0 0;font-size:14px;text-shadow:0 1px 10px rgba(40,36,31,.65)}
.iae-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);color:var(--ink);font-size:11.5px;font-weight:700;letter-spacing:.12em;padding:6px 14px;border-radius:99px;margin:0;align-self:flex-start}
.iae-badge span{width:6px;height:6px;border-radius:50%;background:var(--green-dot)}

/* 価格帯 */
.iae-priceband{display:flex;flex-wrap:wrap;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:14px 30px 0}
.iae-priceband__price{flex:1 1 260px;min-width:0;padding:26px 24px;border-right:1px solid var(--hair)}
.iae-priceband__specs{flex:1 1 280px;min-width:0;margin:0;padding:22px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px 18px;align-content:center}
.iae-priceband__specs dt{font-size:10.5px;color:var(--muted);margin-bottom:2px}
.iae-priceband__specs dd{margin:0;font-size:14px;font-weight:500}
.iae-label{margin:0;font-size:11.5px;letter-spacing:.16em;color:var(--muted)}
/* ウェイトはデザイン正本 plan-G-airy に合わせて400（2026-08-16。mu-pluginで Oswald 400 を読み込み済み） */
.iae-price{margin:5px 0 0;font-family:"Oswald",sans-serif;font-weight:400;font-size:48px;line-height:1.05;letter-spacing:-.01em}
.iae-price span{font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-size:19px;letter-spacing:normal;margin-left:5px}
.iae-priceband .iae-note{color:var(--muted);margin:9px 0 0}

/* CTA */
.iae-cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 30px 0}
.iae-cta--center{justify-content:center;margin:0}
.iae-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:62px;padding:20px;border-radius:6px;font-size:16.5px;font-weight:700;text-decoration:none;line-height:1.35}
.iae-cta--pair .iae-btn{flex:1 1 240px;min-width:0}
.iae-btn--red{background:var(--red);color:#fff}
.iae-btn--red:hover{background:#c4163c;color:#fff}
.iae-btn--ink{background:var(--ink-700);color:#fff}
.iae-btn--ink:hover{background:var(--ink);color:#fff}
/* 白ボタンは廃止（濃い色面の帯をやめたため）＝内見ボタンは iae-btn--ink に統一。
   2026-08-16にテンプレート側の --white を全部 --ink へ置換済み。
   この2行は旧クラスが残った箇所の保険（白背景で描画させないため）で、名前に反して墨色を返す。
   新規のマークアップでは使わないこと。 */
.iae-btn--white{background:var(--ink-700);color:#fff}
.iae-btn--white:hover{background:var(--ink);color:#fff}
.iae-cta__note{margin:10px 30px 0;font-size:11.5px;color:var(--faint)}

/* 本文・セクション */
.iae-lead{padding:48px 30px 0}
.iae-lead p{margin:0;font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-size:18px;line-height:2.2;color:var(--ink-700);max-width:720px;text-wrap:pretty}
.iae-sec{padding:48px 30px 0}
.iae-sec--photos{padding:48px 0 0}
.iae-sec--photos .iae-h,.iae-sec--photos .iae-gallery__t,.iae-sec--photos .iae-prep{margin-left:30px;margin-right:30px}
.iae-cols{padding:48px 30px 0;display:flex;flex-wrap:wrap;gap:34px}
.iae-cols>div{flex:1 1 340px;min-width:280px}
.iae-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px}
.iae-h{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-size:21px;color:var(--ink)}
.iae-num{font-family:"Cormorant Garamond",serif;font-size:15px;color:var(--gold);letter-spacing:.1em}
.iae-h i{flex:1;height:1px;background:var(--line)}
.iae-sub{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--muted);font-style:normal}
.iae-sub--good{color:var(--ink)}
.iae-note{font-size:12.5px;color:var(--muted);line-height:1.9}
.iae-link{font-size:13.5px;font-weight:700;color:var(--red);border-bottom:1px solid var(--red);text-decoration:none;padding-bottom:2px}
.iae-list{list-style:none;margin:0;padding:0}
.iae-list li{font-size:14px;padding:12px 0;border-bottom:1px solid var(--hair)}
.iae-floorplan{border:1px solid var(--line);border-radius:8px;background:var(--card)}

/* 写真 */
.iae-gallery__t{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink)}
.iae-gallery__t span{font-weight:400;color:var(--faint);margin-left:10px}
.iae-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;padding:0 30px;margin-bottom:30px}
.iae-gallery figure{margin:0;position:relative;border-radius:8px;overflow:hidden;background:var(--sunken)}
.iae-gallery img{aspect-ratio:3/2;object-fit:cover;width:100%}
.iae-gallery figcaption{position:absolute;left:0;bottom:0;background:rgba(74,68,60,.74);color:#fff;font-size:11.5px;padding:7px 12px}

/* 準備中カード（空枠は絶対に出さない） */
.iae-prep{background:var(--sunken);border-radius:8px;padding:30px}
.iae-prep__t{margin:0 0 9px;font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-size:19px;color:var(--ink)}
.iae-prep p{margin:0 0 14px;font-size:13.5px;line-height:1.95;color:var(--ink-700)}

/* 帯（濃い色面は使わない＝白地＋上下の細い罫で区切る） */
.iae-band{margin-top:48px;background:var(--card);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 30px;text-align:center}
.iae-band--last{background:var(--sunken);border:0}
.iae-band__eyebrow{margin:0 0 8px;font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.3em;color:var(--gold)}
.iae-band h2{margin:0 0 12px;font-size:24px;line-height:1.6}
.iae-band__lead{margin:0 auto 26px;max-width:500px;font-size:13.5px;line-height:1.95;color:var(--muted)}

/* 表 */
.iae-table{margin:0}
.iae-table>div{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;border-bottom:1px solid var(--hair)}
.iae-table dt{flex:0 0 38%;min-width:130px;font-size:13px;color:var(--muted);font-weight:400}
.iae-table dd{flex:1 1 180px;margin:0;font-size:14px}
.iae-pending{display:inline-flex;align-items:center;border:1px solid var(--line);padding:2px 10px;font-size:12px;color:var(--faint)}
.iae-costs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 28px}
.iae-costs li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:12px 0;border-bottom:1px solid var(--hair)}
.iae-costs li span:last-child{color:var(--muted);text-align:right}
.iae-around{list-style:none;margin:0;padding:0}
.iae-around li{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:13px 0;border-bottom:1px solid var(--hair)}
.iae-around li span:last-child{color:var(--ink-700);white-space:nowrap}
.iae-map{width:100%;height:320px;border:1px solid var(--line);border-radius:8px}

/* スマホ下部固定CTA（2:1） */
.iae-sticky{display:none}
@media (max-width:781px){
  .iae-bukken{padding-bottom:84px}
  .iae-sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;gap:8px;
    padding:9px 11px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,253,250,.97);border-top:1px solid var(--line);box-shadow:0 -8px 24px -14px rgba(51,48,43,.28)}
  .iae-sticky .iae-btn{min-height:54px;padding:0 10px;font-size:14px}
  .iae-sticky .iae-btn--red{flex:2}
  .iae-sticky .iae-btn--ink{flex:1}
  /* v2＝濃い色面をやめたので、価格帯とCTAは「端まで伸ばす」から「カードとして余白を持つ」へ。
     地色（--paper）の上に白いカード（--card）を置く形なので、端まで伸ばすと面に見えず
     罫線だけが端から端まで走ってしまう。写真（ヒーロー・ギャラリー）だけは端まで伸ばす。 */
  .iae-crumb{margin-left:0;margin-right:0}
  .iae-priceband,.iae-cta,.iae-cta__note{margin-left:18px;margin-right:18px}
  .iae-sec,.iae-cols,.iae-lead{padding-left:18px;padding-right:18px}
  .iae-gallery{padding:0 18px}
  .iae-sec--photos .iae-h,.iae-sec--photos .iae-gallery__t,.iae-sec--photos .iae-prep{margin-left:18px;margin-right:18px}
  .iae-band{padding:38px 18px}
  .iae-price{font-size:44px}
}

/* ============================================================
   ここから下は WordPress 実装で追加した分（デザイン正本には無い）
   理由：①SWELLのコンテナ余白との折り合い ②担当者クレジット・所属団体ロゴの実装
   ============================================================ */

/* SWELLの #content.l-container が持つ左右余白の中で、
   ヒーロー・価格帯をスマホで端まで見せるための逃がし */
.iae-bukken{width:100%}
@media (max-width:781px){
  .iae-bukken{
    margin-left:calc(-1 * var(--swl-pad_container, 4vw));
    margin-right:calc(-1 * var(--swl-pad_container, 4vw));
    width:auto;
  }
}

/* SWELLの見出し装飾がセクション見出しに乗らないようにする（このページ限定） */
.iae-bukken h1,.iae-bukken h2{background:none;border:none;padding:0}
.iae-bukken h2::before,.iae-bukken h2::after{content:none}
.iae-bukken a{text-decoration:none}
.iae-bukken .iae-btn:hover{opacity:1}

/* 担当者クレジット（v2＝最終帯が薄い色面になったので文字は墨色） */
.iae-author{max-width:780px;margin:38px auto 0;padding-top:28px;border-top:1px solid var(--line);
  display:flex;gap:22px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:left}
.iae-author__photo{width:104px;height:132px;border-radius:8px;object-fit:cover;object-position:50% 0;
  border:1px solid var(--line);flex:none}
.iae-author__body{flex:1 1 300px;max-width:460px}
.iae-author__name{margin:0 0 6px;font-family:"Shippori Mincho B1","Shippori Mincho",serif;font-size:19px;color:var(--ink)}
.iae-author__name span{font-size:12.5px;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;color:var(--muted);margin-left:10px}
.iae-author__lic{margin:0 0 10px;font-size:12.5px;line-height:1.9;color:var(--ink-700)}
.iae-author__links{margin:0;font-size:12.5px;display:flex;gap:14px;flex-wrap:wrap}
.iae-author__links a{color:var(--ink-700);border-bottom:1px solid var(--line)}

/* 所属団体 */
.iae-orgs{max-width:860px;margin:30px auto 0;padding-top:24px;border-top:1px solid var(--line)}
.iae-orgs__label{margin:0 0 13px;font-size:11px;letter-spacing:.18em;color:var(--muted);text-align:center}
.iae-orgs__row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.iae-orgs__chip{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:7px 10px;height:42px;display:flex;align-items:center}
.iae-orgs__chip img{max-height:28px;max-width:130px;width:auto;height:auto;display:block}
.iae-orgs__note{margin:14px 0 0;font-size:11px;color:var(--faint);text-align:center}

/* SWELL標準の下部固定メニュー（#fix_bottom_menu＝売却査定などサイト共通の帯）は、
   物件ページでは出さない。買い手向けページに売り手向けの帯が重なり、
   下部固定CTAが2本並んでしまうため（2026-08-15 実機390pxで重なりを実測して追加）。
   クラスは mu-plugin inazawa-bukken-template.php が #body_wrap へ付与する。 */
.iae-bukken-page #fix_bottom_menu{display:none !important;}