/* イエタテLab.（develop3.leadcreation.co.jp）の style.css を、
   /house/ のイエタテ由来のページだけに効くようにスコープし直したもの。
   すべてのセレクタの前に body.house_wrapper.ietate_page を足してある（元サイトの中での
   優先順位は変わらない）。
   直接編集しないこと。元を直して tools/scope-css.php で作り直す。 */

/* ==========================================================================
   イエタテLab. カラーテーマ(仕様書 A案: 信頼×温かみ)
   ネイビー(信頼・誠実)× ベージュ(木・住まいの温かみ)× オレンジ(CTA)
   使用比率の目安: ベース 70% / メイン 25% / CTA 5%
   ========================================================================== */

body.house_wrapper.ietate_page {
  /* main: navy — ヘッダー、見出し、リンク、フッター */
  --color-main: #1E3A5F;
  --color-main-light: #2E4E78;
  --color-main-dark: #162C4A;
  --color-main-pale: #E8EDF3;

  /* base: wood beige — 背景、セクション区切り */
  --color-base: #F5EFE6;
  --color-base-dark: #EAE0D0;

  /* sub: blue gray — 補助UI、罫線、タグ */
  --color-sub: #8FA8BF;
  --color-sub-pale: #DCE4EB;

  /* accent: yellow — 「おすすめ」などの小さなラベル専用。ボタンには使わない */
  --color-accent: #FFD54F;

  /* CTA: orange — 見学予約ボタン専用。他の用途への使用禁止(視認効果の維持) */
  --color-cta: #E8722A;
  --color-cta-hover: #D0611D;
  --color-cta-pale: #FDEEE3;

  /* text */
  --color-text: #2B2B2B;
  --color-text-muted: #6B6B6B;
  --color-link: #1E3A5F;
  --color-white: #FFFFFF;
}

/* 見学予約CTAボタン(文字色は白、hoverで --color-cta-hover) */
body.house_wrapper.ietate_page .c-reserveBtn,
body.house_wrapper.ietate_page .p-reserveCta a {
  background-color: var(--color-cta);
  color: var(--color-white);
}
body.house_wrapper.ietate_page .c-reserveBtn:hover,
body.house_wrapper.ietate_page .p-reserveCta a:hover {
  background-color: var(--color-cta-hover);
  color: var(--color-white);
}

/* 監修者 */
body.house_wrapper.ietate_page .w-beforeToc {
	margin-top: 2em;
}
body.house_wrapper.ietate_page .supervision {
	width: 100%;
	border: 1px #eee solid;
	background-color: #fff;
}
body.house_wrapper.ietate_page .supervision tr td {
	padding: 10px;
}
body.house_wrapper.ietate_page .supervision tr td:first-child {
	width: 120px !important;
	padding: 10px 0 10px 10px;
	border-right: none !important;
}
body.house_wrapper.ietate_page .supervision tr td:last-child {
	border-left: none !important;
}
body.house_wrapper.ietate_page .supervision td p:last-child {
	margin: 0;
}
body.house_wrapper.ietate_page .supervision p {
	font-size: .8rem !important;
	line-height: 1.4rem;
	text-align: left;
}
body.house_wrapper.ietate_page .supervision p.name {
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #2d875f;
	font-size: .8rem;
	text-align: left;
}
body.house_wrapper.ietate_page .supervision p.name a {
	font-size: .8rem;
}
body.house_wrapper.ietate_page .supervision strong {
	margin: 0 1rem 0 0;
	display: inline-block;
	font-size: .8rem;
}
body.house_wrapper.ietate_page p.kansyu-title {
	font-size: .8rem;
	margin: 0 !important;
	padding: 0;
	border-bottom: 2px solid var(--cocoon-thin-color);
	text-align: left;
}
body.house_wrapper.ietate_page .post_content .supervision {
	margin: 0 !important;
}
body.house_wrapper.ietate_page .w-singleTop .p-blogParts:last-child .supervision {
	margin: 0 0 20px 0 !important;
}
body.house_wrapper.ietate_page .supervision .swell-block-column {
	padding: 10px;
	align-content: center;
}
body.house_wrapper.ietate_page .supervision .swell-block-column figure {
	width: 100%;
}
body.house_wrapper.ietate_page .supervision .swell-block-column:first-child {
	width: 120px;
}
body.house_wrapper.ietate_page .supervision .swell-block-column:last-child {
	margin-left: 0;
	flex: 1;
}
body.house_wrapper.ietate_page .supervision img {
  width: 100px; 
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 900px) {
	body.house_wrapper.ietate_page .article p.kansyu-title {
		font-size: 1rem;
		margin: 0 0 10px 0;
		padding: 0;
		border-bottom: 2px solid var(--cocoon-thin-color);
	}
	body.house_wrapper.ietate_page .supervision img {
		max-width: 75px;
		display: block;
		margin: 0 auto;
	}
	body.house_wrapper.ietate_page .supervision p {
		font-size: .7rem !important;
		line-height: 1.1rem;
	}
	body.house_wrapper.ietate_page .supervision .swell-block-column:first-child {
		width: 90px;
	}
	body.house_wrapper.ietate_page .supervision tr td:first-child {
		width: 20px;
		padding: 10px 0 10px 10px;
	}
}

/* ==========================================================================
   カスタマイザー「追加CSS」から移設したスタイル
   2026-09-04 に統合。以後の編集はこのファイルで行う。
   ========================================================================== */

body.house_wrapper.ietate_page .shop-logo {
}
body.house_wrapper.ietate_page .shop-logo figure {
	max-width: 250px;
	margin: 0 auto 10px auto;
}
body.house_wrapper.ietate_page .osusume-shop h3 {
	font-weight: normal;
	font-size: .9rem;
}
body.house_wrapper.ietate_page .osusume-shop h4 {
	font-size: 1rem;
}

body.house_wrapper.ietate_page #topic_matome h2 {
	padding: 1rem;
}

/* まとめ欄「【〇〇】を重視するなら」カード
   条件のテキストは帯にしてロゴと領域を分ける。文字は太字にせず控えめに。 */
body.house_wrapper.ietate_page #osusume_panel .swell-block-column {
	overflow: hidden;
}

body.house_wrapper.ietate_page #osusume_panel h4 {
	margin-top: calc(var(--swl-clmn-pddng, 1rem) * -1);
	margin-right: calc(var(--swl-clmn-pddng, 1rem) * -1);
	margin-left: calc(var(--swl-clmn-pddng, 1rem) * -1);
	padding: .9em 1em;
	background: var(--color-base);
	border-bottom: 1px solid var(--color-base-dark);
	color: var(--color-text-muted);
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.6;
}

/* ロゴは白い面にゆとりを持たせる */
body.house_wrapper.ietate_page #osusume_panel .swell-block-column .wp-block-columns {
	padding: 1.6em 0 .6em;
}

/* ロゴは高さ80pxに揃え、横長のロゴは幅いっぱいで縦横比を保つ(object-fit)。
   以前は img の inline style で height:80px を固定していたため、スマホで幅が足りないと縦に潰れていた */
body.house_wrapper.ietate_page #osusume_panel .wp-block-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 80px;
	margin: 0 auto;
	object-fit: contain;
}

body.house_wrapper.ietate_page .wp-block-image figcaption {
	margin-top: 0;
	text-decoration: underline;
}
body.house_wrapper.ietate_page .wp-block-image figcaption:hover {
	text-decoration: none;
}

/*この記事のポイント*/
body.house_wrapper.ietate_page .above-toc-widget {
	margin: 50px 0 0 0;
	padding: 2rem 2rem 1rem 2rem;
	border: 5px solid rgb(30 58 95 / 15%);
	border-radius: 10px;
	position: relative;
}
body.house_wrapper.ietate_page .above-toc-widget strong {
	padding: 1rem;
  position: absolute;
	top: -34px;
	color: #fff;
	background: url('https://develop3.leadcreation.co.jp/wp-content/uploads/2026/07/osusume_midashi.svg') no-repeat center;
	background-size: contain;
	display: block;
	font-size: 1.1rem;
}
body.house_wrapper.ietate_page .above-toc-widget ul {
	padding: 0; 
	list-style: none;
}
body.house_wrapper.ietate_page .above-toc-widget ul li {
	margin: 0 0 .5rem 0;
	padding-left: 28px;
 	list-style: none;
	position: relative;
	font-weight: bold;
}
body.house_wrapper.ietate_page .above-toc-widget ul li::before {
	width: 20px;
	height: 20px;
	content: "";
	background: url('https://develop3.leadcreation.co.jp/wp-content/uploads/2026/07/osusume_check.svg') no-repeat center;
	background-size: 20px 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 920px) {
	body.house_wrapper.ietate_page .above-toc-widget {
		padding: 1.5rem 1rem .5rem 1rem;
	}
	body.house_wrapper.ietate_page .above-toc-widget strong {
		font-size: 1rem;
	}
	body.house_wrapper.ietate_page .above-toc-widget ul li {
		font-size: .9rem;
	}
}

/* この記事を書いた人 */
body.house_wrapper.ietate_page .p-authorBox .avatar {
	width: 80px;
	height: 80px;
}
body.house_wrapper.ietate_page .p-authorBox__desc {
	font-size: .8rem;
}
body.house_wrapper.ietate_page .p-authorBox__name {
	font-size: .8rem !important;
}

/* 3つのポイント欄「〇〇が強みのおすすめ会社」のロゴ幅 */
body.house_wrapper.ietate_page .osusume-company img {
	width: 160px;
}

/* ==========================================================================
   ヘッダーロゴ横の「関西版」バッジ
   ロゴ(.c-headLogo)の右隣に並べるため .l-header__logo を flex にする。
   併記されるキャッチフレーズは display:none のままなので影響しない。
   ========================================================================== */

/* 固定ヘッダー(.l-fixHeader__logo)もロゴの入れ物が別なので同じ指定をする */
body.house_wrapper.ietate_page .l-header__logo,
body.house_wrapper.ietate_page .l-fixHeader__logo {
	display: flex;
	align-items: center;
	gap: .6em;
}

/* バッジのぶん幅が減ってもロゴがはみ出さないようにする */
body.house_wrapper.ietate_page .l-header__logo .c-headLogo,
body.house_wrapper.ietate_page .l-fixHeader__logo .c-headLogo {
	min-width: 0;
}
body.house_wrapper.ietate_page .l-header__logo .c-headLogo__img,
body.house_wrapper.ietate_page .l-fixHeader__logo .c-headLogo__img {
	max-width: 100%;
}

body.house_wrapper.ietate_page .c-headEdition {
	display: flex;
	flex: none;
	align-items: center;
	gap: .45em;
	line-height: 1.3;
	opacity: .95;
}

/* 「関西版」バッジ。枠線は currentColor なのでヘッダーの配色に追従する */
body.house_wrapper.ietate_page .c-headEdition__badge {
	flex: none;
	padding: .28em .6em;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-size: .88rem;
	font-weight: 700;
	letter-spacing: .08em;
	white-space: nowrap;
}

/* 扱っている府県名。バッジより一段落として添える */
body.house_wrapper.ietate_page .c-headEdition__prefs {
	flex: none;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
	opacity: .8;
}

/* 府県名はその県の記事一覧へのリンク。色はヘッダーに追従させる */
body.house_wrapper.ietate_page .c-headEdition__pref {
	color: inherit;
	text-decoration: none;
	transition: opacity .2s;
}

body.house_wrapper.ietate_page .c-headEdition__pref:hover,
body.house_wrapper.ietate_page .c-headEdition__pref:focus-visible {
	color: inherit;
	opacity: .65;
	text-decoration: underline;
	text-underline-offset: .2em;
}

body.house_wrapper.ietate_page .c-headEdition__sep {
	margin: 0 .1em;
	opacity: .5;
	font-weight: 400;
}

@media screen and (max-width: 959px) {
	body.house_wrapper.ietate_page .l-header__logo,
body.house_wrapper.ietate_page .l-fixHeader__logo {
		gap: .4em;
	}
	body.house_wrapper.ietate_page .c-headEdition {
		gap: .35em;
	}
	body.house_wrapper.ietate_page .c-headEdition__badge {
		padding: .2em .45em;
		font-size: .72rem;
		letter-spacing: .04em;
	}
	body.house_wrapper.ietate_page .c-headEdition__prefs {
		font-size: .64rem;
		letter-spacing: 0;
	}
}

/* スマホは横に並べる幅がないので、バッジの下に府県名を置く */
@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .c-headEdition {
		flex-direction: column;
		align-items: flex-start;
		gap: .12em;
	}
	body.house_wrapper.ietate_page .c-headEdition__badge {
		padding: .15em .4em;
		font-size: .62rem;
	}
	body.house_wrapper.ietate_page .c-headEdition__prefs {
		font-size: .58rem;
	}
}

/* ==========================================================================
   エリア/カテゴリーアーカイブ
   都道府県のハブ記事を大きく、市区町村の詳細記事はサムネイル中心の3カラム
   ========================================================================== */

body.house_wrapper.ietate_page .p-areaArchive {
	margin-top: 2.5em;
}

/* --- ハブ記事(大きいカード) --- */
body.house_wrapper.ietate_page .p-areaHub {
	display: flex;
	align-items: center;
	gap: 1.6em;
	margin-bottom: 2em;
	padding: 1.2em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 12px;
}

body.house_wrapper.ietate_page .p-areaHub__thumb {
	flex: 0 0 46%;
	display: block;
	overflow: hidden;
	border-radius: 8px;
	line-height: 0;
}

body.house_wrapper.ietate_page .p-areaHub__thumb img {
	width: 100%;
	height: auto;
	transition: transform .4s ease;
}

body.house_wrapper.ietate_page .p-areaHub__thumb:hover img {
	transform: scale(1.04);
}

body.house_wrapper.ietate_page .p-areaHub__body {
	flex: 1 1 auto;
	min-width: 0;
}

body.house_wrapper.ietate_page .p-areaHub__title {
	margin: 0 0 .6em;
	font-size: 1.25rem;
	line-height: 1.5;
}

body.house_wrapper.ietate_page .p-areaHub__title a {
	color: var(--color-main);
	text-decoration: none;
}

body.house_wrapper.ietate_page .p-areaHub__title a:hover {
	text-decoration: underline;
}

body.house_wrapper.ietate_page .p-areaHub__excerpt {
	margin: 0 0 1em;
	color: var(--color-text-muted);
	font-size: .875rem;
	line-height: 1.8;
}

body.house_wrapper.ietate_page .p-areaHub__more {
	margin: 0;
}

body.house_wrapper.ietate_page .p-areaHub__btn {
	display: inline-block;
	padding: .6em 1.8em;
	background: var(--color-main);
	border-radius: 999px;
	color: var(--color-white);
	font-size: .875rem;
	font-weight: 700;
	text-decoration: none;
	transition: background .2s ease;
}

body.house_wrapper.ietate_page .p-areaHub__btn:hover {
	background: var(--color-main-light);
	color: var(--color-white);
}

/* --- 市区町村の一覧(サムネイルのみ) --- */
body.house_wrapper.ietate_page .p-areaArchive__ttl {
	margin: 2.4em 0 1em;
	padding-left: .6em;
	border-left: 4px solid var(--color-main);
	color: var(--color-main);
	font-size: 1.125rem;
}

body.house_wrapper.ietate_page .p-areaGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2em;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-areaGrid__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-areaGrid__link {
	display: block;
	overflow: hidden;
	border: 1px solid var(--color-sub-pale);
	border-radius: 10px;
	line-height: 0;
	transition: border-color .2s ease, transform .2s ease;
}

body.house_wrapper.ietate_page .p-areaGrid__link:hover {
	border-color: var(--color-main);
	transform: translateY(-2px);
}

body.house_wrapper.ietate_page .p-areaGrid__link img {
	width: 100%;
	height: auto;
	aspect-ratio: 1200 / 630;
	object-fit: cover;
}

/* アイキャッチ未設定のときの代替(タイトルを出す) */
body.house_wrapper.ietate_page .p-areaGrid__fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1200 / 630;
	padding: 1em;
	background: var(--color-base);
	color: var(--color-main);
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

@media screen and (max-width: 959px) {
	body.house_wrapper.ietate_page .p-areaHub {
		flex-direction: column;
		align-items: stretch;
		gap: 1em;
	}
	body.house_wrapper.ietate_page .p-areaHub__thumb {
		flex: none;
	}
	body.house_wrapper.ietate_page .p-areaHub__title {
		font-size: 1.1rem;
	}
	body.house_wrapper.ietate_page .p-areaGrid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .p-areaGrid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   グローバルメニューの「おすすめ」ラベル
   SWELLがメニュー項目の「説明」欄を <span class="c-smallNavTitle desc"> で
   タイトルの後ろに出すので、flex の order で上に移し、＼ ／ を付けて目立たせる。
   文言は管理画面のメニュー編集(説明欄)で変えられる。
   ヘッダーでCTAのオレンジは使わない決まりなので、ラベル用の黄色を使う。
   ========================================================================== */

/* ラベルは絶対配置にして高さを持たせない。
   こうするとラベルの有無にかかわらずタイトルの高さが揃う。 */
body.house_wrapper.ietate_page .c-gnav > .menu-item > a > .c-smallNavTitle.desc {
	position: absolute;
	left: 50%;
	/* .ttl は font-size 14px / line-height 1 なので中央から 7px 上がタイトルの上端。
	   そこからさらに離した分がラベルとの余白になる。 */
	bottom: calc(50% + 15px);
	transform: translateX(-50%);
	top: auto;
	margin: 0;
	color: var(--color-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	white-space: nowrap;
	opacity: 1;
}

body.house_wrapper.ietate_page .c-gnav > .menu-item > a > .c-smallNavTitle.desc::before {
	content: "＼";
	margin-right: .1em;
}

body.house_wrapper.ietate_page .c-gnav > .menu-item > a > .c-smallNavTitle.desc::after {
	content: "／";
	margin-left: .1em;
}

/* ==========================================================================
   グローバルメニューのドロップダウン
   ヘッダー(--color-main)より一段濃いネイビーにして、階層の違いを出す。
   ========================================================================== */

body.house_wrapper.ietate_page .c-gnav .sub-menu {
	background-color: var(--color-main-dark);
	border-radius: 0 0 6px 6px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
	overflow: hidden;
}

body.house_wrapper.ietate_page .c-gnav .sub-menu a {
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .c-gnav .sub-menu li:first-child > a {
	border-top: none;
}

body.house_wrapper.ietate_page .c-gnav .sub-menu a:hover {
	background-color: var(--color-main-light);
	color: var(--color-white);
}

/* ==========================================================================
   ハブ記事の横断比較表 [maker_compare]
   カードでは項目を見比べられないため、同じ項目を縦に揃えた表を出す。
   幅が足りないときは表だけを横スクロールさせる。
   ========================================================================== */

body.house_wrapper.ietate_page .maker-compare {
	margin: 1.5em 0 2em;
}

body.house_wrapper.ietate_page .maker-compare__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
}

body.house_wrapper.ietate_page .maker-compare__table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
	font-size: .85rem;
	line-height: 1.6;
}

body.house_wrapper.ietate_page .maker-compare__table th,
body.house_wrapper.ietate_page .maker-compare__table td {
	padding: .8em .9em;
	border-bottom: 1px solid var(--color-sub-pale);
	text-align: left;
	vertical-align: middle;
}

body.house_wrapper.ietate_page .maker-compare__table thead th {
	position: sticky;
	top: 0;
	background: var(--color-main);
	color: var(--color-white);
	font-size: .8rem;
	font-weight: 700;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .maker-compare__table tbody tr:last-child th,
body.house_wrapper.ietate_page .maker-compare__table tbody tr:last-child td {
	border-bottom: none;
}

body.house_wrapper.ietate_page .maker-compare__table tbody tr:nth-child(even) th,
body.house_wrapper.ietate_page .maker-compare__table tbody tr:nth-child(even) td {
	background: var(--color-base);
}

/* 見出し「会社名」は中央揃え */
body.house_wrapper.ietate_page .maker-compare__table thead th.maker-compare__nameHead {
	text-align: center;
}

/* 会社名の列は横スクロール中も残す。ロゴと会社名は中央揃え・太字なし(SWELLの th 太字を打ち消す) */
body.house_wrapper.ietate_page .maker-compare__table th.maker-compare__name {
	position: sticky;
	left: 0;
	z-index: 1;
	width: 190px;
	min-width: 190px;
	background: var(--color-white);
	box-shadow: 1px 0 0 var(--color-sub-pale);
	text-align: center;
	font-weight: 400;
}

body.house_wrapper.ietate_page .maker-compare__table tbody tr:nth-child(even) .maker-compare__name {
	background: var(--color-base);
}

body.house_wrapper.ietate_page .maker-compare__name a {
	display: block;
	color: var(--color-main);
	text-decoration: none;
}

body.house_wrapper.ietate_page .maker-compare__name img {
	display: block;
	width: auto;
	max-width: 130px;
	height: 34px;
	object-fit: contain;
	margin: 0 auto .3em;
}

body.house_wrapper.ietate_page .maker-compare__name span {
	display: block;
	font-size: .8rem;
	font-weight: 400;
}

body.house_wrapper.ietate_page .maker-compare__priority {
	font-weight: 700;
	color: var(--color-main);
	white-space: nowrap;
}

/* 特徴は読ませたい列なので、余った幅をここに回す */
body.house_wrapper.ietate_page .maker-compare__feature {
	min-width: 260px;
}

/* 市は縦に積んで、列幅を内容ぶんまで縮める */
body.house_wrapper.ietate_page .maker-compare__city {
	white-space: nowrap;
	width: 1%;
}

body.house_wrapper.ietate_page .maker-compare__cityItem {
	display: block;
	width: fit-content;
	margin: 2px 0;
	padding: .2em .6em;
	background: var(--color-main-pale);
	border-radius: 999px;
	color: var(--color-main);
	font-size: .78rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .maker-compare__cityItem small {
	margin-left: .3em;
	font-size: .9em;
	font-weight: 400;
	opacity: .8;
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .maker-compare__table {
		font-size: .8rem;
	}
	body.house_wrapper.ietate_page .maker-compare__table th.maker-compare__name {
		width: 140px;
		min-width: 140px;
	}
	body.house_wrapper.ietate_page .maker-compare__name img {
		max-width: 100px;
		height: 28px;
	}
}

/* ==========================================================================
   フッター(ブログパーツ #1113)
   上段: 見学予約のCTA帯 / 中段: エリアから探す(県カード) / 下段: ロゴ・探す・運営情報を1行に
   ========================================================================== */

/* --- CTA帯 --- */
body.house_wrapper.ietate_page #footer-cta {
	color: var(--color-white);
}

body.house_wrapper.ietate_page #footer-cta .wp-block-columns {
	align-items: center;
	padding: 0;
}

body.house_wrapper.ietate_page #footer-cta p {
	margin: 0;
}

body.house_wrapper.ietate_page .footer_cta__label {
	color: var(--color-accent);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
}

body.house_wrapper.ietate_page .footer_cta__title {
	margin-top: .5em !important;
	font-size: 1.55rem;
	font-weight: 700;
	line-height: 1.4;
}

body.house_wrapper.ietate_page .footer_cta__label--sub {
	margin-top: 1.2em !important;
	color: rgba(255, 255, 255, .8);
	font-size: .82rem;
}

/* 都道府県ボタン(押すと予約フォームがその県で開く) */
body.house_wrapper.ietate_page .footer_cta__prefs {
	display: flex;
	flex-wrap: wrap;
	gap: .6em;
	margin-top: .6em;
}

body.house_wrapper.ietate_page .footer_cta__pref {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 6.5em;
	padding: .55em 1.1em;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 6px;
	color: var(--color-white);
	text-decoration: none;
	transition: background-color .2s, border-color .2s, color .2s;
}

body.house_wrapper.ietate_page .footer_cta__pref:hover {
	background: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-main);
}

body.house_wrapper.ietate_page .footer_cta__prefName {
	font-size: .95rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .footer_cta__prefCount {
	color: rgba(255, 255, 255, .7);
	font-size: .72rem;
}

body.house_wrapper.ietate_page .footer_cta__pref:hover .footer_cta__prefCount {
	color: var(--color-main-light);
}

/* 予約ボタンはヘッダー(ブログパーツ #258)と同じSWELLボタン(red / btn_normal)。色はSWELL側の設定に従う */
body.house_wrapper.ietate_page #footer-cta .footer_cta__btn {
	margin: 0;
	text-align: center;
}

body.house_wrapper.ietate_page #footer-cta .footer_cta__btn .swell-block-button__link {
	min-width: min(100%, 320px);
}

body.house_wrapper.ietate_page .footer_cta__note {
	margin-top: .6em !important;
	color: rgba(255, 255, 255, .75);
	font-size: .78rem;
	text-align: center;
}

/* --- エリアから探す --- */
body.house_wrapper.ietate_page #footer-content .footer_area__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .3em 1.5em;
	margin-bottom: 1.2em;
}

body.house_wrapper.ietate_page #footer-content .footer_area__title {
	margin: 0;
	color: var(--color-main);
	font-size: 1.25rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page #footer-content .footer_area__lead {
	margin: 0;
	color: var(--color-text-muted);
	font-size: .85rem;
}

body.house_wrapper.ietate_page .footer_area_cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.2em;
}

body.house_wrapper.ietate_page .footer_area_card {
	display: flex;
	flex-direction: column;
	gap: .7em;
	padding: 1.1em 1.25em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
}

body.house_wrapper.ietate_page .footer_area_card__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .5em;
}

body.house_wrapper.ietate_page .footer_area_card__pref {
	color: var(--color-main);
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none;
}

body.house_wrapper.ietate_page .footer_area_card__meta {
	color: var(--color-text-muted);
	font-size: .78rem;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .footer_area_card__cities {
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
}

body.house_wrapper.ietate_page .footer_area_card__city {
	padding: .3em .85em;
	border: 1px solid var(--color-sub-pale);
	border-radius: 999px;
	background: var(--color-white);
	color: var(--color-main);
	font-size: .85rem;
	text-decoration: none;
	transition: border-color .2s, background-color .2s;
}

body.house_wrapper.ietate_page .footer_area_card__city:hover {
	border-color: var(--color-main);
	background: var(--color-main-pale);
}

body.house_wrapper.ietate_page .footer_area_card__more {
	margin-top: auto;
	color: var(--color-main);
	font-size: .8rem;
	text-decoration: none;
}

body.house_wrapper.ietate_page .footer_area_card__more::before {
	content: "›";
	margin-right: .3em;
}

/* --- 下段: ロゴ｜探す の2カラム + 運営情報を中央寄せ --- */
body.house_wrapper.ietate_page #footer-content .footer_bottom {
	margin-top: 2em;
	margin-bottom: .6em;
	padding-top: 1.6em;
	border-top: 1px solid var(--color-sub-pale);
}

body.house_wrapper.ietate_page #footer-content .footer_bottom .wp-block-image {
	margin: 0;
}

body.house_wrapper.ietate_page #footer-content .footer_bottom .wp-block-image img {
	width: 160px;
	height: auto;
}

body.house_wrapper.ietate_page #footer-content .footer_find {
	display: flex;
	flex-wrap: wrap;
	gap: .6em 2em;
}

body.house_wrapper.ietate_page #footer-content .footer_find p {
	margin: 0;
	font-size: .9rem;
}

body.house_wrapper.ietate_page .footer_soon {
	display: inline-block;
	margin-left: .5em;
	padding: .05em .5em;
	border-radius: 2px;
	background: #e6e6e6;
	color: var(--color-text-muted);
	font-size: .7rem;
	vertical-align: middle;
}

/* 運営情報のサブリンク */
body.house_wrapper.ietate_page .swell-block-linkList.sublink {
	justify-content: center;
	gap: .4em 1.4em;
	margin-bottom: 0;
	font-size: .82rem;
}

@media screen and (max-width: 959px) {
	body.house_wrapper.ietate_page .footer_area_cards {
		grid-template-columns: 1fr;
	}
	body.house_wrapper.ietate_page #footer-content .footer_bottom .wp-block-image {
		text-align: center;
	}
	body.house_wrapper.ietate_page #footer-content .footer_find {
		justify-content: center;
	}
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .footer_cta__title {
		font-size: 1.25rem;
	}
	body.house_wrapper.ietate_page .footer_cta__pref {
		flex: 1 1 calc(50% - .3em);
		min-width: 0;
	}
	body.house_wrapper.ietate_page #footer-content .footer_bottom .wp-block-image img {
		width: 140px;
	}
}

/* ==========================================================================
   ハブ記事の「比較ファースト」セクション
   [area_compare] [showroom_table] は [maker_compare] と同じ表の見た目を共有する。
   ========================================================================== */

body.house_wrapper.ietate_page .area-compare__table,
body.house_wrapper.ietate_page .showroom-table__table {
	min-width: 720px;
}

body.house_wrapper.ietate_page .area-compare__name {
	width: 120px;
	min-width: 120px;
}

body.house_wrapper.ietate_page .area-compare__name span,
body.house_wrapper.ietate_page .showroom-table__name span {
	font-size: .9rem;
}

body.house_wrapper.ietate_page .area-compare__tsubo {
	white-space: nowrap;
}

body.house_wrapper.ietate_page .area-compare__tsubo strong {
	color: var(--color-main);
	font-size: 1.15rem;
}

body.house_wrapper.ietate_page .area-compare__tsubo small {
	margin-left: .15em;
	color: var(--color-text-muted);
	font-size: .75rem;
}

body.house_wrapper.ietate_page .area-compare__change {
	display: block;
	margin-top: .15em;
	color: var(--color-text-muted);
	font-size: .75rem;
}

body.house_wrapper.ietate_page .area-compare__stats {
	white-space: nowrap;
}

body.house_wrapper.ietate_page .area-compare__link {
	white-space: nowrap;
	text-align: center;
}

body.house_wrapper.ietate_page .area-compare__link .swell-block-button {
	margin: 0;
}

body.house_wrapper.ietate_page .area-compare__soon {
	color: var(--color-text-muted);
	font-size: .8rem;
}

body.house_wrapper.ietate_page .area-compare__note {
	margin: .6em 0 0;
	color: var(--color-text-muted);
	font-size: .75rem;
}

body.house_wrapper.ietate_page .showroom-table__name {
	width: 210px;
	min-width: 210px;
}

body.house_wrapper.ietate_page .showroom-table__name img {
	display: block;
	width: 100%;
	height: 72px;
	object-fit: cover;
	border-radius: 4px;
	margin-bottom: .4em;
}

body.house_wrapper.ietate_page .showroom-table__access {
	font-size: .8rem;
	line-height: 1.6;
}

body.house_wrapper.ietate_page .showroom-table__map {
	display: block;
	margin-top: 1.5em;
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
}

/* 県の建築費を2つの数字で */
body.house_wrapper.ietate_page .p-priceKpi {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1em;
	margin: 1.2em 0 .6em;
}

body.house_wrapper.ietate_page .p-priceKpi__item {
	display: flex;
	flex-direction: column;
	gap: .3em;
	padding: 1.1em 1.2em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 10px;
}

body.house_wrapper.ietate_page .p-priceKpi__label {
	color: var(--color-text-muted);
	font-size: .8rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-priceKpi__label small {
	display: block;
	font-weight: 400;
	font-size: .72rem;
}

body.house_wrapper.ietate_page .p-priceKpi__value {
	color: var(--color-main);
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .01em;
}

body.house_wrapper.ietate_page .p-priceKpi__value small {
	margin-left: .1em;
	font-size: .9rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-priceKpi__note {
	margin: 0 0 1.5em;
	color: var(--color-text-muted);
	font-size: .75rem;
}

@media screen and (max-width: 599px) {
	/* スマホでも2カラムのまま。余白と文字を詰めて収める */
	body.house_wrapper.ietate_page .p-priceKpi {
		gap: .6em;
	}
	body.house_wrapper.ietate_page .p-priceKpi__item {
		padding: .9em .8em;
	}
	body.house_wrapper.ietate_page .p-priceKpi__label {
		font-size: .75rem;
	}
	body.house_wrapper.ietate_page .p-priceKpi__label small {
		font-size: .66rem;
	}
	body.house_wrapper.ietate_page .p-priceKpi__value {
		font-size: 1.45rem;
	}
	body.house_wrapper.ietate_page .p-priceKpi__value small {
		font-size: .8rem;
	}
	body.house_wrapper.ietate_page .area-compare__name {
		width: 96px;
		min-width: 96px;
	}
	body.house_wrapper.ietate_page .showroom-table__name {
		width: 160px;
		min-width: 160px;
	}
}

/* ==========================================================================
   追尾サイドバー: エリアから探す([sidebar_area_nav])
   白カード(旧・目次カードと同じ見た目)。県 → 市記事のリンク。表示中の記事の県・市は is-current
   ========================================================================== */

body.house_wrapper.ietate_page .p-sideAreaNav {
	/* 追尾サイドバーの先頭。sticky で止まったときヘッダーとの間に余白を残す */
	margin-top: 2em;
	padding: 0 0 1.1em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
	overflow: hidden;
}

/* 見出しは目次追従プラグインの見出し帯(ネイビー地・白文字・丸アイコン)に合わせる */
body.house_wrapper.ietate_page .p-sideAreaNav__title {
	display: flex;
	align-items: center;
	gap: .6em;
	margin: 0 0 1em;
	padding: .8em 1em;
	background: var(--color-main);
	color: var(--color-white);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .04em;
}

body.house_wrapper.ietate_page .p-sideAreaNav__title::before {
	content: "";
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	/* 白丸の中にサイトカラー(ネイビー #1E3A5F)の地図ピン */
	background-color: var(--color-white);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3A5F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.3-6-11a6 6 0 0 1 12 0c0 5.7-6 11-6 11z'/%3E%3Ccircle cx='12' cy='10' r='2.2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}

body.house_wrapper.ietate_page .p-sideAreaNav__pref,
body.house_wrapper.ietate_page .p-sideAreaNav__all {
	margin-left: 1em;
	margin-right: 1em;
}

body.house_wrapper.ietate_page .p-sideAreaNav__pref + .p-sideAreaNav__pref {
	margin-top: .9em;
	padding-top: .9em;
	border-top: 1px dashed var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-sideAreaNav__prefLink {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .5em;
	color: var(--color-main);
	text-decoration: none;
}

body.house_wrapper.ietate_page .p-sideAreaNav__prefLink:hover .p-sideAreaNav__prefName {
	text-decoration: underline;
}

body.house_wrapper.ietate_page .p-sideAreaNav__prefName {
	font-size: .95rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-sideAreaNav__pref.is-current .p-sideAreaNav__prefName::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: .45em;
	border-radius: 50%;
	background: var(--color-cta);
	vertical-align: middle;
}

body.house_wrapper.ietate_page .p-sideAreaNav__meta {
	color: var(--color-text-muted);
	font-size: .72rem;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .p-sideAreaNav__cities {
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
	margin: .6em 0 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-sideAreaNav__city {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-sideAreaNav__city a {
	display: inline-block;
	padding: .2em .7em;
	border: 1px solid var(--color-sub-pale);
	border-radius: 999px;
	color: var(--color-main);
	font-size: .8rem;
	text-decoration: none;
	transition: border-color .2s, background-color .2s;
}

body.house_wrapper.ietate_page .p-sideAreaNav__city a:hover {
	border-color: var(--color-main);
	background: var(--color-main-pale);
}

body.house_wrapper.ietate_page .p-sideAreaNav__city.is-current a {
	border-color: var(--color-main);
	background: var(--color-main);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .p-sideAreaNav__all {
	display: block;
	margin-top: 1em;
	color: var(--color-main);
	font-size: .8rem;
	text-align: right;
	text-decoration: none;
}

body.house_wrapper.ietate_page .p-sideAreaNav__all::before {
	content: "›";
	margin-right: .3em;
}

/* 3つのポイント欄のロゴ横並び([maker_logos style="logo"]): スマホでは2カラムに並べる */
@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .maker-logo-row .wp-block-group__inner-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1em .8em;
	}
	body.house_wrapper.ietate_page .maker-logo-row .wp-block-group__inner-container > figure {
		flex: 0 0 calc(50% - .4em);
		width: calc(50% - .4em);
		margin: 0;
	}
	body.house_wrapper.ietate_page .maker-logo-row img {
		display: block;
		width: 100%;
		height: auto;
	}
	body.house_wrapper.ietate_page .maker-logo-row figcaption {
		margin-top: .3em;
		font-size: .85rem;
	}
}

/* まとめ欄「【〇〇】を重視するなら」カード: スマホでは2カラム(ショートコード側で --clmn-w--mobile:50% を指定。SWELLのスマホ幅の変数名は --sp ではなく --mobile)。
   カード内の余白・文字・ロゴを詰めて縦の長さを抑える */
@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page #osusume_panel .swell-block-column {
		--swl-clmn-pddng: .7rem;
	}
	body.house_wrapper.ietate_page #osusume_panel h4 {
		padding: .7em .6em;
		font-size: .7rem;
		line-height: 1.5;
	}
	body.house_wrapper.ietate_page #osusume_panel .swell-block-column .wp-block-columns {
		padding: 1em 0 .3em;
	}
	body.house_wrapper.ietate_page #osusume_panel .wp-block-image img {
		width: 100%;
		max-width: 150px;
		height: 60px;
	}
	body.house_wrapper.ietate_page #osusume_panel .maker-card__name {
		font-size: .8rem;
	}
}

/* 地価グラフウィジェットのサマリーカード3枚: スマホでも3カラムのまま。
   ウィジェットのCSSは記事本文内の <style> にあり後勝ちになるため、.post_content を付けて詳細度で上書きする */
@media screen and (max-width: 600px) {
	body.house_wrapper.ietate_page .post_content .klw-summary-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-card {
		padding: 10px 4px;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-label {
		font-size: 10px;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-value {
		font-size: 15px;
		letter-spacing: -.01em;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-value span {
		font-size: 10px;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-value.small {
		font-size: 14px;
	}
	body.house_wrapper.ietate_page .post_content .klw-summary-sub {
		font-size: 10px;
	}
}

/* アーカイブ: 市区町村を親の都道府県ごとにまとめる見出し */
body.house_wrapper.ietate_page .p-areaArchive__pref {
	display: flex;
	align-items: center;
	gap: .8em;
	margin: 1.8em 0 .8em;
	color: var(--color-main);
	font-size: 1rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-areaArchive__pref::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-areaArchive__pref a {
	color: inherit;
	text-decoration: none;
}

body.house_wrapper.ietate_page .p-areaArchive__pref a:hover {
	text-decoration: underline;
}

body.house_wrapper.ietate_page .p-areaArchive__pref + .p-areaGrid {
	margin-top: 0;
}


/* ==========================================================================
   ハウスメーカー一覧([maker_index] / 固定ページ「ハウスメーカーを探す」)
   ========================================================================== */

body.house_wrapper.ietate_page .p-makerIndex [hidden] {
	display: none !important;
}

/* 1カラムの横並び(A案・2026-09-16 本人決定)。3カラムのカードから変更した */
body.house_wrapper.ietate_page .p-makerIndex__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .7em;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-makerCard {
	position: relative;
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr) 250px;
	gap: 1.2em;
	align-items: stretch;
	margin: 0;
	padding: 1.2em 1.3em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
	list-style: none;
	transition: border-color .2s, box-shadow .2s;
}

body.house_wrapper.ietate_page .p-makerCard:hover {
	border-color: var(--color-main);
	box-shadow: 0 4px 14px rgba(30, 58, 95, .12);
}

/* モデルハウスの写真(1棟につき1枚ずつ拾って3枚)。右端に小さく置いて脇役にする */
body.house_wrapper.ietate_page .p-makerCard__photos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3px;
	overflow: hidden;
	border-radius: 4px;
}

body.house_wrapper.ietate_page .p-makerCard__photo {
	margin: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-makerCard__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.house_wrapper.ietate_page .p-makerCard__body {
	display: flex;
	flex-direction: column;
	gap: .45em;
	align-self: start;
	min-width: 0;
}

/* 写真とボタンの列は行の高さいっぱいに伸ばし、写真がボタン以外の高さを埋める(2026-09-16 本人指示) */
body.house_wrapper.ietate_page .p-makerCard__side {
	display: flex;
	flex-direction: column;
	gap: .7em;
	height: 100%;
}

body.house_wrapper.ietate_page .p-makerCard__side .p-makerCard__photos {
	flex: 1;
	min-height: 96px;
}

body.house_wrapper.ietate_page .p-makerCard__side .p-makerCard__photo {
	height: 100%;
	aspect-ratio: auto;
}

/* 社名と「◯棟 ／ ◯府県で見学できる」を1行に */
body.house_wrapper.ietate_page .p-makerCard__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .2em .8em;
}

/* ページの目的が「ハウスメーカーを探す」なので、ロゴが左端で主役 */
/* ロゴは行の高さの中央に置く(2026-09-16 本人指示) */
body.house_wrapper.ietate_page .p-makerCard__logo {
	display: block;
	align-self: center;
}

body.house_wrapper.ietate_page .p-makerCard__logo img {
	display: block;
	width: 100%;
	height: 62px;
	object-fit: contain;
	object-position: left center;
}

body.house_wrapper.ietate_page .p-makerCard__name {
	margin: 0;
	color: var(--color-main);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.5;
}

body.house_wrapper.ietate_page .p-makerCard__units {
	margin: 0;
	color: var(--color-text-muted);
	font-size: .76rem;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .p-makerCard__units b {
	color: var(--color-text);
	font-size: 1.2em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

body.house_wrapper.ietate_page .p-makerCard__priority {
	margin: 0;
	color: var(--color-main);
	font-size: .82rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-makerCard__priority::before {
	content: "重視ポイント：";
	color: var(--color-text-muted);
	font-weight: 400;
}

body.house_wrapper.ietate_page .p-makerCard__feature {
	margin: 0;
	color: var(--color-text);
	font-size: .85rem;
	line-height: 1.7;
}

body.house_wrapper.ietate_page .p-makerCard__prefs {
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
	margin-top: .15em;
}

body.house_wrapper.ietate_page .p-makerCard__pref {
	padding: .2em .7em;
	border-radius: 999px;
	background: var(--color-main-pale);
	color: var(--color-main);
	font-size: .78rem;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .p-makerCard__pref small {
	margin-left: .3em;
	opacity: .8;
}

body.house_wrapper.ietate_page .p-makerCard__more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	padding: .75em;
	background: var(--color-main);
	border-radius: 4px;
	color: var(--color-white);
	font-size: .85rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s;
}

/* カードのどこを押しても個別ページへ行けるようにする */
body.house_wrapper.ietate_page .p-makerCard__more::after {
	position: absolute;
	inset: 0;
	content: "";
}

body.house_wrapper.ietate_page .p-makerCard__more small {
	font-size: .85em;
	font-weight: 400;
	opacity: .8;
}

body.house_wrapper.ietate_page .p-makerCard__more:hover {
	background: var(--color-main-light);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .p-makerIndex__empty {
	padding: 2em 1em;
	background: var(--color-base);
	border-radius: 8px;
	color: var(--color-text-muted);
	text-align: center;
}

/* 読み上げ用(画面には出さない) */
body.house_wrapper.ietate_page .u-visuallyHidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ========================================
   ハウスメーカーの個別ページ(single-maker.php)
   ======================================== */

body.house_wrapper.ietate_page .p-makerSingle__back {
	margin: 0 0 1em;
	font-size: .85rem;
}

body.house_wrapper.ietate_page .p-makerSingle__back a::before {
	margin-right: .3em;
	content: "‹";
}

body.house_wrapper.ietate_page .p-makerSingle__back--foot {
	margin: 2.5em 0 0;
	text-align: center;
}

body.house_wrapper.ietate_page .p-makerSingle__back--foot a::before {
	content: none;
}

body.house_wrapper.ietate_page .p-makerSingle__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.2em;
	padding-bottom: 1em;
	border-bottom: 2px solid var(--color-main-pale);
}

body.house_wrapper.ietate_page .p-makerSingle__logo img {
	display: block;
	width: auto;
	max-width: 170px;
	height: 54px;
	object-fit: contain;
}

body.house_wrapper.ietate_page .p-makerSingle__title {
	margin: 0;
	color: var(--color-main);
	font-size: 1.6rem;
	line-height: 1.4;
}

body.house_wrapper.ietate_page .p-makerSingle__catch {
	margin: .35em 0 0;
	color: var(--color-text-muted);
	font-size: .9rem;
}

body.house_wrapper.ietate_page .p-makerSingle__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .8em 1.6em;
	margin: 1.4em 0;
	padding: 1em 1.2em;
	background: var(--color-base);
	border-radius: 8px;
}

body.house_wrapper.ietate_page .p-makerSingle__stats {
	display: flex;
	gap: 1.4em;
}

body.house_wrapper.ietate_page .p-makerSingle__stat {
	color: var(--color-text-muted);
	font-size: .82rem;
}

body.house_wrapper.ietate_page .p-makerSingle__stat strong {
	margin-right: .1em;
	color: var(--color-main);
	font-size: 1.5rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-makerSingle__prefs {
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
}

body.house_wrapper.ietate_page .p-makerSingle__pref {
	padding: .25em .8em;
	border-radius: 999px;
	background: var(--color-white);
	color: var(--color-main);
	font-size: .8rem;
	text-decoration: none;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .p-makerSingle__pref small {
	margin-left: .3em;
	opacity: .7;
}

body.house_wrapper.ietate_page .p-makerSingle__pref:hover {
	background: var(--color-main);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .p-makerSingle__priority {
	margin: 0 0 1.2em;
	color: var(--color-main);
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-makerSingle__priority::before {
	margin-right: .4em;
	padding: .15em .6em;
	border-radius: 3px;
	background: var(--color-main-pale);
	content: "重視ポイント";
	font-size: .78rem;
	font-weight: 400;
}

body.house_wrapper.ietate_page .p-makerSingle__note {
	margin: -.4em 0 1.4em;
	color: var(--color-text-muted);
	font-size: .85rem;
}

body.house_wrapper.ietate_page .p-makerVenues {
	margin: 0 0 2.2em;
}

body.house_wrapper.ietate_page .p-makerVenues__pref {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .6em;
	margin: 0 0 .9em;
	padding-left: .6em;
	border-left: 4px solid var(--color-main);
	color: var(--color-main);
	font-size: 1.15rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-makerVenues__pref small {
	color: var(--color-text-muted);
	font-size: .72em;
	font-weight: 400;
}

body.house_wrapper.ietate_page .p-makerVenue {
	margin-bottom: 1.4em;
	padding: 1.2em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
}

body.house_wrapper.ietate_page .p-makerVenue__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .8em;
	margin-bottom: 1em;
}

body.house_wrapper.ietate_page .p-makerVenue__title {
	margin: 0;
	color: var(--color-main);
	font-size: 1rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-makerVenue__address {
	margin: .25em 0 0;
	color: var(--color-text-muted);
	font-size: .8rem;
}

body.house_wrapper.ietate_page .p-makerVenue__btn {
	margin: 0;
}

body.house_wrapper.ietate_page .p-makerVenue__models {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-modelCard {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--color-base);
	border-radius: 6px;
	list-style: none;
}

body.house_wrapper.ietate_page .p-modelCard__photo {
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

body.house_wrapper.ietate_page .p-modelCard__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.house_wrapper.ietate_page .p-modelCard__body {
	padding: .7em .8em .8em;
}

body.house_wrapper.ietate_page .p-modelCard__name {
	margin: 0;
	color: var(--color-main);
	font-size: .88rem;
	font-weight: 700;
	line-height: 1.5;
}

body.house_wrapper.ietate_page .p-modelCard__spec {
	display: flex;
	flex-wrap: wrap;
	gap: .1em .8em;
	margin: .35em 0 0;
	color: var(--color-text-muted);
	font-size: .75rem;
}

body.house_wrapper.ietate_page .p-modelCard__thumbs {
	display: flex;
	align-items: center;
	gap: .25em;
	margin-top: .55em;
}

body.house_wrapper.ietate_page .p-modelCard__thumb {
	width: 44px;
	height: 34px;
	margin: 0;
	overflow: hidden;
	border-radius: 3px;
}

body.house_wrapper.ietate_page .p-modelCard__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.house_wrapper.ietate_page .p-modelCard__more {
	color: var(--color-text-muted);
	font-size: .72rem;
}

body.house_wrapper.ietate_page .p-makerSingle__articles {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-makerSingle__articles li {
	padding: .7em 0;
	border-bottom: 1px solid var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-makerSingle__articles li::before {
	margin-right: .4em;
	color: var(--color-main);
	content: "›";
}

/* 写真の列を横に置く幅がなくなったら、ロゴ＋中身の2列にして写真とボタンを下に回す */
@media screen and (max-width: 959px) {
	body.house_wrapper.ietate_page .p-makerCard {
		grid-template-columns: 124px minmax(0, 1fr);
		gap: .8em 1em;
	}
	body.house_wrapper.ietate_page .p-makerCard__side {
		grid-column: 1 / -1;
		flex-direction: row;
		align-items: center;
		gap: .8em;
	}
	body.house_wrapper.ietate_page .p-makerCard__side {
		height: auto;
	}
	body.house_wrapper.ietate_page .p-makerCard__side .p-makerCard__photos {
		flex: 1;
		min-width: 0;
		min-height: 0;
	}
	body.house_wrapper.ietate_page .p-makerCard__side .p-makerCard__photo {
		height: auto;
		aspect-ratio: 3 / 2;
	}
	body.house_wrapper.ietate_page .p-makerCard__more {
		flex: 0 0 auto;
		padding-inline: 1.4em;
	}
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .p-makerIndex__list {
		gap: .6em;
	}
	body.house_wrapper.ietate_page .p-makerCard {
		padding: .9em 1em;
		gap: .7em .9em;
	}
	body.house_wrapper.ietate_page .p-makerCard__logo img {
		height: 44px;
	}
	body.house_wrapper.ietate_page .p-makerCard__name {
		font-size: .92rem;
	}
	body.house_wrapper.ietate_page .p-makerCard__units {
		font-size: .72rem;
	}
	body.house_wrapper.ietate_page .p-makerCard__feature {
		font-size: .78rem;
	}
	body.house_wrapper.ietate_page .p-makerCard__more {
		font-size: .8rem;
	}
	body.house_wrapper.ietate_page .p-makerCard {
		grid-template-columns: 84px minmax(0, 1fr);
	}
	body.house_wrapper.ietate_page .p-makerCard__side {
		flex-direction: column;
		align-items: stretch;
		gap: .5em;
	}
	body.house_wrapper.ietate_page .p-makerSingle__title {
		font-size: 1.3rem;
	}
	body.house_wrapper.ietate_page .p-makerSingle__logo img {
		height: 40px;
	}
	body.house_wrapper.ietate_page .p-makerVenue {
		padding: .9em;
	}
	body.house_wrapper.ietate_page .p-makerVenue__models {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .7em;
	}
	body.house_wrapper.ietate_page .p-modelCard__thumbs {
		display: none;
	}
}

/* ==========================================================================
   モデルハウスを探す(/modelhouses/ ・[modelhouse_index])
   外観写真が主役。エリア・広さ・構造でしぼり込む

   しぼり込み(.p-mhIndex__filter 一式)は「ハウスメーカーを探す」と共通。
   .p-makerIndex__* を併記してあるので、片方だけ直さないこと。
   ========================================================================== */

body.house_wrapper.ietate_page .p-mhIndex [hidden] {
	display: none !important;
}

body.house_wrapper.ietate_page .p-makerIndex__filter,
body.house_wrapper.ietate_page .p-mhIndex__filter {
	padding: 1.1em 1.3em .8em;
	background: var(--color-base);
	border-radius: 8px;
}

body.house_wrapper.ietate_page .p-makerIndex__row,
body.house_wrapper.ietate_page .p-mhIndex__row {
	display: flex;
	align-items: flex-start;
	gap: 1em;
	margin-bottom: .5em;
}

body.house_wrapper.ietate_page .p-makerIndex__rowLabel,
body.house_wrapper.ietate_page .p-mhIndex__rowLabel {
	flex: none;
	/* 「スタイル」の4文字が折り返さない幅 */
	width: 4.4em;
	padding-top: .5em;
	color: var(--color-text-muted);
	font-size: .78rem;
	font-weight: 700;
	white-space: nowrap;
}

body.house_wrapper.ietate_page .p-makerIndex__chips,
body.house_wrapper.ietate_page .p-mhIndex__chips {
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
}

body.house_wrapper.ietate_page .p-makerIndex__chip,
body.house_wrapper.ietate_page .p-mhIndex__chip {
	display: flex;
	align-items: baseline;
	gap: .35em;
	padding: .4em .9em;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 999px;
	color: var(--color-main);
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.5;
	cursor: pointer;
	transition: background-color .2s, border-color .2s, color .2s;
}

body.house_wrapper.ietate_page .p-mhIndex__swatch {
	flex: none;
	align-self: center;
	width: 14px;
	height: 14px;
	margin-right: .15em;
	border: 1px solid rgba(30, 58, 95, .25);
	border-radius: 50%;
	background: var(--mh-swatch);
}

body.house_wrapper.ietate_page .p-mhIndex__chip.is-active .p-mhIndex__swatch {
	border-color: rgba(255, 255, 255, .7);
}

body.house_wrapper.ietate_page .p-makerIndex__chip span,
body.house_wrapper.ietate_page .p-mhIndex__chip span {
	color: var(--color-text-muted);
	font-size: .72em;
	font-weight: 400;
}

body.house_wrapper.ietate_page .p-makerIndex__chip:hover,
body.house_wrapper.ietate_page .p-mhIndex__chip:hover {
	border-color: var(--color-main);
}

body.house_wrapper.ietate_page .p-makerIndex__chip.is-active,
body.house_wrapper.ietate_page .p-mhIndex__chip.is-active {
	background: var(--color-main);
	border-color: var(--color-main);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .p-makerIndex__chip.is-active span,
body.house_wrapper.ietate_page .p-mhIndex__chip.is-active span {
	color: rgba(255, 255, 255, .8);
}

body.house_wrapper.ietate_page .p-makerIndex__count,
body.house_wrapper.ietate_page .p-mhIndex__count {
	/* しぼり込みの箱との間をあける */
	margin: 1.8em 0 1em;
	color: var(--color-text);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
}

/* 件数の数字だけ大きく、サイトのネイビーで強調する */
body.house_wrapper.ietate_page .p-makerIndex__num,
body.house_wrapper.ietate_page .p-mhIndex__num {
	margin: 0 .08em;
	color: var(--color-main);
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: .01em;
}

body.house_wrapper.ietate_page .p-mhIndex__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-mhCard {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--color-white);
	border: 1px solid var(--color-sub-pale);
	border-radius: 8px;
	list-style: none;
	transition: border-color .2s, box-shadow .2s;
}

body.house_wrapper.ietate_page .p-mhCard:hover {
	border-color: var(--color-main);
	box-shadow: 0 4px 14px rgba(30, 58, 95, .12);
}

/* 外観写真(ギャラリーの1枚目) */
body.house_wrapper.ietate_page .p-mhCard__photo {
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-mhCard__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s;
}

body.house_wrapper.ietate_page .p-mhCard:hover .p-mhCard__photo img {
	transform: scale(1.04);
}

body.house_wrapper.ietate_page .p-mhCard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: .25em;
	padding: .9em 1em 1em;
}

body.house_wrapper.ietate_page .p-mhCard__maker {
	margin: 0;
	color: var(--color-text-muted);
	font-size: .74rem;
}

body.house_wrapper.ietate_page .p-mhCard__name {
	margin: 0;
	color: var(--color-main);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
}

body.house_wrapper.ietate_page .p-mhCard__name a {
	color: inherit;
	text-decoration: none;
}

/* カードのどこを押してもモデルハウスのページへ行けるようにする */
body.house_wrapper.ietate_page .p-mhCard__name a::after {
	position: absolute;
	inset: 0;
	content: "";
}

body.house_wrapper.ietate_page .p-mhCard__place,
body.house_wrapper.ietate_page .p-mhCard__spec {
	margin: .2em 0 0;
	color: var(--color-text-muted);
	font-size: .74rem;
	line-height: 1.6;
}

/* 内装のサムネイル */
body.house_wrapper.ietate_page .p-mhCard__thumbs {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: auto;
	padding-top: .7em;
}

body.house_wrapper.ietate_page .p-mhCard__thumb {
	/* 1枚・2枚でも3枚並びと同じ大きさ(=同じ高さ)にそろえる */
	flex: 1;
	max-width: calc((100% - 8px) / 3);
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 3px;
}

body.house_wrapper.ietate_page .p-mhCard__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.house_wrapper.ietate_page .p-mhCard__more {
	flex: none;
	color: var(--color-text-muted);
	font-size: .7rem;
}

/* メーカーカードの根拠(全館空調・初期保証・断熱等級など)
   エリアのチップ(丸い塗り)と見分けがつくよう、こちらは白地に枠線の角丸の四角にする */
body.house_wrapper.ietate_page .p-makerIndex .p-makerIndex__facts {
	display: flex;
	flex-wrap: wrap;
	gap: .35em;
	margin: .35em 0 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-makerIndex .p-makerIndex__facts li {
	margin: 0;
	padding: .2em .6em;
	background: var(--color-white);
	border: 1px solid var(--color-main);
	border-radius: 3px;
	color: var(--color-main);
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.5;
	list-style: none;
}

/* 小さな ○ の正体は SWELL の `.post_content ul ul { list-style: circle }`(入れ子のリストの記号)。
   カード一覧の <ul> の中にあるため当たっていた。上の `.p-makerIndex .p-makerIndex__facts` で詳細度を上げて消している */

body.house_wrapper.ietate_page .p-mhIndex__empty {
	padding: 2.5em 1em;
	background: var(--color-base);
	border-radius: 8px;
	color: var(--color-text-muted);
	text-align: center;
}

/* ==========================================================================
   モデルハウスの個別ページ(single-modelhouse.php)
   A案「家の中を歩く」。外観を全幅、内装は 大きく1枚 → 横に2枚 の繰り返し。
   このテンプレートはサイドバーを出さない(inc/modelhouse-index.php のフィルター)
   ========================================================================== */

/* --- 上部の写真の帯(自動で横に流す・D案) ---
   高さを元写真の高さ以下(PC 320px)にそろえ、横幅は各写真の比率なり。
   外観450x320は等倍、内装600x400は縮むだけなので、どれも引き伸ばさない */
body.house_wrapper.ietate_page .p-mhFlow {
	position: relative;
	/* 本文の幅を抜けて画面いっぱいに広げる(#body_wrap が overflow-x:clip なので横スクロールは出ない) */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	overflow: hidden;
	background: var(--color-main-pale);
}

/* 帯をヘッダーの直下にぴったり付ける。パンくずは戻りリンクで代わりにする
   (構造化データのパンくずは Yoast が出しているので影響しない) */
body.house_wrapper.ietate_page .single-modelhouse #breadcrumb {
	display: none;
}

body.house_wrapper.ietate_page .single-modelhouse .l-content {
	padding-top: 0;
}

body.house_wrapper.ietate_page .p-mhFlow__track {
	display: flex;
	gap: 8px;
	width: max-content;
}

body.house_wrapper.ietate_page .p-mhFlow.is-running .p-mhFlow__track {
	animation: mh-flow var(--mh-flow-duration, 40s) linear infinite;
	will-change: transform;
}

body.house_wrapper.ietate_page .p-mhFlow.is-paused .p-mhFlow__track,
body.house_wrapper.ietate_page .p-mhFlow.is-offscreen .p-mhFlow__track,
body.house_wrapper.ietate_page .p-mhFlow:hover .p-mhFlow__track {
	animation-play-state: paused;
}

@keyframes mh-flow {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	body.house_wrapper.ietate_page .p-mhFlow.is-running .p-mhFlow__track {
		animation-play-state: paused;
	}
}

body.house_wrapper.ietate_page .p-mhFlow__item {
	flex: none;
	height: 190px;
}

body.house_wrapper.ietate_page .p-mhFlow__item img {
	display: block;
	width: auto;
	height: 100%;
	object-fit: cover;
}

/* 写真が1枚だけの棟は流さずに中央へ */
body.house_wrapper.ietate_page .p-mhFlow.is-static .p-mhFlow__track {
	justify-content: center;
	width: 100%;
}

body.house_wrapper.ietate_page .p-mhFlow__toggle {
	position: absolute;
	right: 14px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: .45em .95em .45em .75em;
	background: rgba(30, 58, 95, .9);
	border: 0;
	border-radius: 999px;
	color: var(--color-white);
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
}

body.house_wrapper.ietate_page .p-mhFlow__toggle[hidden] {
	display: none !important;
}

body.house_wrapper.ietate_page .p-mhFlow__toggle:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

/* 一時停止中は再生(三角)、再生中は一時停止(二本線) */
body.house_wrapper.ietate_page .p-mhFlow__icon {
	width: 10px;
	height: 11px;
	background:
		linear-gradient(currentColor, currentColor) left / 3px 100% no-repeat,
		linear-gradient(currentColor, currentColor) right / 3px 100% no-repeat;
}

body.house_wrapper.ietate_page .p-mhFlow__toggle[aria-pressed="true"] .p-mhFlow__icon {
	background: currentColor;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* --- リード文 --- */
body.house_wrapper.ietate_page .p-mhSingle__lead {
	margin-top: 1.4em;
	font-size: var(--swl-fz--content, 16px);
	line-height: 1.9;
	word-break: auto-phrase;
	text-wrap: pretty;
}

body.house_wrapper.ietate_page .p-mhSingle__lead p {
	margin: 0;
}

body.house_wrapper.ietate_page .p-mhSingle__lead p + p {
	margin-top: .8em;
}

/* 本文は写真より少し内側に入れて、写真の広さを見せる */
body.house_wrapper.ietate_page .p-mhSingle__body {
	padding: 0 clamp(0px, 3vw, 40px);
}

body.house_wrapper.ietate_page .p-mhSingle__head {
	padding: 30px 0 26px;
}

body.house_wrapper.ietate_page .p-mhSingle__back {
	margin: 0 0 14px;
	font-size: .82rem;
}

body.house_wrapper.ietate_page .p-mhSingle__back a::before {
	margin-right: .3em;
	content: "‹";
}

body.house_wrapper.ietate_page .p-mhSingle__back--foot {
	margin: 3em 0 0;
	text-align: center;
}

body.house_wrapper.ietate_page .p-mhSingle__back--foot a::before {
	content: none;
}

body.house_wrapper.ietate_page .p-mhSingle__maker {
	margin: 0 0 .35em;
	color: var(--color-text-muted);
	font-size: .85rem;
}

body.house_wrapper.ietate_page .p-mhSingle__maker a {
	color: inherit;
}

body.house_wrapper.ietate_page .p-mhSingle__maker a:hover {
	color: var(--color-main);
}

body.house_wrapper.ietate_page .p-mhSingle__title {
	margin: 0;
	color: var(--color-main);
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .01em;
}

/* --- 仕様(表をやめて1行に) --- */
body.house_wrapper.ietate_page .p-mhSingle__specs {
	display: flex;
	flex-wrap: wrap;
	gap: .7em 1.8em;
	margin: 1.2em 0 0;
	padding-bottom: 1.6em;
	border-bottom: 1px solid var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-mhSingle__spec {
	display: flex;
	align-items: baseline;
	gap: .5em;
}

body.house_wrapper.ietate_page .p-mhSingle__spec dt {
	color: var(--color-text-muted);
	font-size: .78rem;
}

body.house_wrapper.ietate_page .p-mhSingle__spec dd {
	margin: 0;
	color: var(--color-main);
	font-size: .95rem;
	font-weight: 700;
}

/* --- 内装の写真。3枚ごとに1枚を横いっぱいにして「大きく1枚 → 横に2枚」のリズムを作る
   (2列・元の縦横比のまま並べる形を試したが、以前の不規則な形に戻した・2026-09-15 本人指示) --- */
body.house_wrapper.ietate_page .p-mhSingle__gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 1.8em 0 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-mhSingle .p-mhSingle__shot {
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 4px;
	background: var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-mhSingle .p-mhSingle__shot:nth-child(3n+1) {
	grid-column: 1 / -1;
	aspect-ratio: 16 / 9;
}

body.house_wrapper.ietate_page .p-mhSingle__shot img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* --- 見学できる展示場 --- */
body.house_wrapper.ietate_page .p-mhVisit {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 2em;
	align-items: center;
	margin-top: 2.8em;
	padding: 1.7em 1.8em;
	background: var(--color-base);
	border-radius: 10px;
}

body.house_wrapper.ietate_page .p-mhVisit__title {
	margin: 0 0 .6em;
	color: var(--color-main);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
}

body.house_wrapper.ietate_page .p-mhVisit__info {
	margin: 0;
	font-size: .86rem;
	line-height: 2;
}

body.house_wrapper.ietate_page .p-mhVisit__info span {
	margin-left: .9em;
	color: var(--color-text-muted);
}

body.house_wrapper.ietate_page .p-mhVisit__info span:first-of-type {
	margin-left: 0;
}

body.house_wrapper.ietate_page .p-mhVisit__btn {
	display: block;
	padding: 1em;
	background: var(--color-cta);
	border-radius: 6px;
	color: var(--color-white);
	font-size: .95rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s;
}

body.house_wrapper.ietate_page .p-mhVisit__btn:hover {
	background: var(--color-cta-hover);
	color: var(--color-white);
}

body.house_wrapper.ietate_page .p-mhVisit__note {
	margin: .6em 0 0;
	color: var(--color-text-muted);
	font-size: .74rem;
	text-align: center;
}

/* --- 同じ展示場のほかのモデルハウス --- */
body.house_wrapper.ietate_page .p-mhSingle__siblingsSec {
	margin-top: 2.8em;
}

body.house_wrapper.ietate_page .p-mhSingle__h2 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .8em;
	margin: 0 0 .9em;
	color: var(--color-main);
	font-size: 1.15rem;
	font-weight: 700;
}

body.house_wrapper.ietate_page .p-mhSingle__h2 small {
	color: var(--color-text-muted);
	font-size: .72rem;
	font-weight: 400;
}

body.house_wrapper.ietate_page .p-mhSingle__siblings {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 1.1em;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-mhMini {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.house_wrapper.ietate_page .p-mhMini a {
	display: block;
	text-decoration: none;
}

body.house_wrapper.ietate_page .p-mhMini__photo {
	margin: 0 0 .5em;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 5px;
	background: var(--color-sub-pale);
}

body.house_wrapper.ietate_page .p-mhMini__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s;
}

body.house_wrapper.ietate_page .p-mhMini a:hover .p-mhMini__photo img {
	transform: scale(1.04);
}

body.house_wrapper.ietate_page .p-mhMini__maker {
	display: block;
	color: var(--color-text-muted);
	font-size: .7rem;
}

body.house_wrapper.ietate_page .p-mhMini__name {
	display: block;
	margin-top: .1em;
	color: var(--color-main);
	font-size: .85rem;
	font-weight: 700;
	line-height: 1.5;
}

/* --- 画面下に貼り付く予約バー --- */
body.house_wrapper.ietate_page .p-mhBar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	background: rgba(255, 255, 255, .97);
	border-top: 1px solid var(--color-sub-pale);
	box-shadow: 0 -2px 12px rgba(30, 58, 95, .08);
}

body.house_wrapper.ietate_page .p-mhBar[hidden] {
	display: none !important;
}

body.house_wrapper.ietate_page .p-mhBar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5em;
	max-width: var(--article_size, 1200px);
	margin: 0 auto;
	padding: .7em 1.2em;
}

body.house_wrapper.ietate_page .p-mhBar__name span {
	display: block;
	color: var(--color-text-muted);
	font-size: .7rem;
}

body.house_wrapper.ietate_page .p-mhBar__name strong {
	display: block;
	color: var(--color-main);
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.4;
}

body.house_wrapper.ietate_page .p-mhBar__right {
	display: flex;
	flex: none;
	align-items: center;
	gap: 1em;
}

body.house_wrapper.ietate_page .p-mhBar__venue {
	margin: 0;
	color: var(--color-text-muted);
	font-size: .74rem;
	line-height: 1.6;
	text-align: right;
}

body.house_wrapper.ietate_page .p-mhBar__btn {
	display: block;
	flex: none;
	padding: .8em 1.9em;
	background: var(--color-cta);
	border-radius: 5px;
	color: var(--color-white);
	font-size: .88rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s;
}

body.house_wrapper.ietate_page .p-mhBar__btn:hover {
	background: var(--color-cta-hover);
	color: var(--color-white);
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .p-makerIndex__filter,
body.house_wrapper.ietate_page .p-mhIndex__filter {
		padding: .9em .9em .6em;
	}
	body.house_wrapper.ietate_page .p-makerIndex__row,
body.house_wrapper.ietate_page .p-mhIndex__row {
		flex-direction: column;
		gap: .35em;
		margin-bottom: .8em;
	}
	body.house_wrapper.ietate_page .p-makerIndex__rowLabel,
body.house_wrapper.ietate_page .p-mhIndex__rowLabel {
		width: auto;
		padding-top: 0;
	}
	body.house_wrapper.ietate_page .p-makerIndex__chip,
body.house_wrapper.ietate_page .p-mhIndex__chip {
		padding: .35em .75em;
		font-size: .76rem;
	}
	body.house_wrapper.ietate_page .p-makerIndex__count,
body.house_wrapper.ietate_page .p-mhIndex__count {
		margin: 1.4em 0 .9em;
		font-size: .92rem;
	}
	body.house_wrapper.ietate_page .p-mhIndex__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .8em;
	}
	body.house_wrapper.ietate_page .p-mhCard__body {
		padding: .7em .7em .8em;
	}
	body.house_wrapper.ietate_page .p-mhCard__name {
		font-size: .88rem;
	}
	body.house_wrapper.ietate_page .p-mhCard__place,
body.house_wrapper.ietate_page .p-mhCard__spec {
		font-size: .68rem;
	}
	body.house_wrapper.ietate_page .p-mhCard__thumbs {
		display: none;
	}
	body.house_wrapper.ietate_page .p-mhSingle__title {
		font-size: 1.45rem;
	}
	body.house_wrapper.ietate_page .p-mhSingle__head {
		padding: 22px 0 20px;
	}
	body.house_wrapper.ietate_page .p-mhSingle__gallery {
		gap: 6px;
	}
	body.house_wrapper.ietate_page .p-mhFlow__item {
		height: 140px;
	}
	body.house_wrapper.ietate_page .p-mhSingle__lead {
		font-size: .95rem;
	}
	body.house_wrapper.ietate_page .p-mhVisit {
		grid-template-columns: 1fr;
		gap: 1.2em;
		padding: 1.2em;
	}
	body.house_wrapper.ietate_page .p-mhSingle__siblings {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .8em;
	}
	/* 予約バーは名前とボタンだけにする */
	body.house_wrapper.ietate_page .p-mhBar__venue {
		display: none;
	}
	body.house_wrapper.ietate_page .p-mhBar__inner {
		padding: .6em .8em;
	}
	body.house_wrapper.ietate_page .p-mhBar__btn {
		padding: .75em 1.4em;
	}
	/* バーの高さぶん、本文の下に余白を足す */
	body.house_wrapper.ietate_page .p-mhSingle__body {
		padding-bottom: 4.5em;
	}
}

/* ==========================================================================
   固定ページの中のカード一覧の左余白を消す

   SWELLは本文の中のリストに
     .post_content ol, .post_content ul { padding-left: var(--swl-list-padding--left) }
     .post_content li { margin: .25em 0 }
   を当てている。要素＋クラスなので、こちらの1クラスの指定(.p-makerIndex__list の
   padding:0)より詳細度が高く、カードだけが右にずれていた。
   親クラスを足して詳細度を1つ上げる。
   ========================================================================== */

body.house_wrapper.ietate_page .p-makerIndex .p-makerIndex__list,
body.house_wrapper.ietate_page .p-mhIndex .p-mhIndex__list,
body.house_wrapper.ietate_page .p-makerSingle .p-makerSingle__articles,
body.house_wrapper.ietate_page .p-makerVenue .p-makerVenue__models,
body.house_wrapper.ietate_page .p-mhSingle .p-mhSingle__gallery,
body.house_wrapper.ietate_page .p-mhSingle .p-mhSingle__siblings {
	padding-left: 0;
}

body.house_wrapper.ietate_page .p-makerIndex .p-makerCard,
body.house_wrapper.ietate_page .p-mhIndex .p-mhCard,
body.house_wrapper.ietate_page .p-makerVenue .p-modelCard,
body.house_wrapper.ietate_page .p-mhSingle .p-mhMini,
body.house_wrapper.ietate_page .p-mhSingle .p-mhSingle__shot,
body.house_wrapper.ietate_page .p-makerSingle .p-makerSingle__articles li {
	margin: 0;
}

/* 記事一覧の行だけは下の区切り線ぶんの余白を残す */
body.house_wrapper.ietate_page .p-makerSingle .p-makerSingle__articles li {
	padding: .7em 0;
}

/* ==========================================================================
   エリア/カテゴリーアーカイブの説明文をリード文にする

   SWELLは説明文を枠付きのボックス(.p-termHead)で出すが、記事一覧の上に置く
   1行の説明としては重い。枠を外し、**固定ページ(/makers/・/modelhouses/)の
   本文とまったく同じ余白・幅・字送り**にそろえる。
     .post_content { margin: 4em 0; padding: 0 var(--swl-pad_post_content) }
     .post_content > * { margin-bottom: var(--swl-block-margin, 2em) }
   body クラスで対象のアーカイブだけに効かせる。
   ========================================================================== */

body.house_wrapper.ietate_page .category-builder .p-termHead,
body.house_wrapper.ietate_page .tax-ietate_area .p-termHead {
	margin-top: 4em;
	padding: 0 var(--swl-pad_post_content, 0);
	border: none;
}

body.house_wrapper.ietate_page .category-builder .p-termHead__desc,
body.house_wrapper.ietate_page .tax-ietate_area .p-termHead__desc {
	width: 100%;
	padding: 0;
	font-size: var(--swl-fz--content, 16px);
	line-height: 1.8;
	/* 「ハウスメーカー・工務／店」のように語の途中で折れるのを防ぐ。
	   auto-phrase は文節で折り返す(未対応ブラウザは従来どおり) */
	word-break: auto-phrase;
	text-wrap: pretty;
}

/* 記事一覧も本文ブロックと同じ間隔・幅にする */
body.house_wrapper.ietate_page .category-builder .p-areaArchive,
body.house_wrapper.ietate_page .tax-ietate_area .p-areaArchive {
	margin-top: var(--swl-block-margin, 2em);
	padding: 0 var(--swl-pad_post_content, 0);
}

/* ==========================================================================
   見学予約ページの集中モード(/reserve/ ・inc/reserve-form.php)
   入力中の離脱を防ぐため、外へ出る導線をすべて隠す。
   #body_wrap に .is-reserveFocus が付く(SWELL は body_class を #body_wrap に出す)
   ========================================================================== */

body.house_wrapper.ietate_page .is-reserveFocus #header,
body.house_wrapper.ietate_page .is-reserveFocus #fix_header,
body.house_wrapper.ietate_page .is-reserveFocus #sp_menu,
body.house_wrapper.ietate_page .is-reserveFocus #breadcrumb,
body.house_wrapper.ietate_page .is-reserveFocus #before_footer_widget,
body.house_wrapper.ietate_page .is-reserveFocus #fix_bottom_menu,
body.house_wrapper.ietate_page .is-reserveFocus .p-fixBtnWrap {
	display: none !important;
}

/* Powered by は wp_footer で #body_wrap の外に出るので :has() で見る */
body.house_wrapper.ietate_page:has(.is-reserveFocus) .custom-below-footer {
	display: none;
}

/* ロゴだけの細いヘッダー。色はふだんのヘッダーと同じネイビー(ロゴが白抜きのため) */
body.house_wrapper.ietate_page .p-focusHead {
	background: var(--color-main);
}

body.house_wrapper.ietate_page .p-focusHead__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	padding: 0 1em;
}

body.house_wrapper.ietate_page .p-focusHead__logo {
	display: block;
	width: auto;
	height: 38px;
}

body.house_wrapper.ietate_page .p-focusHead__name {
	color: var(--color-white);
	font-size: 1.1rem;
	font-weight: 700;
}

@media screen and (max-width: 599px) {
	body.house_wrapper.ietate_page .p-focusHead__inner {
		height: 52px;
	}
	body.house_wrapper.ietate_page .p-focusHead__logo {
		height: 30px;
	}
}