@charset "utf-8";
/* =============================================================================
 * MAX 浴室暖房・換気・乾燥機 メーカーTOP 固有CSS
 * /bathroomdryer/max/css/max_top.css
 *
 *  読み込み順： series.css → maker.css → bd_series.css → このファイル
 *  ここにはこのページ固有のもの（色・後継検索）だけを置く。レイアウトは maker.css／series.css 側。
 * ========================================================================== */

.dw2.max-top {
	/* 浴室乾燥機のアクセントは全ページ共通の1色（#c4560f・オレンジ系。2026-10-06 指示：IH＝赤系・浴室乾燥機＝オレンジ系・レンジフード＝紫系）。ブランドの赤はラベルなど限定箇所だけ */
	--mk-navy:   #c4560f;
	--mk-navy-d: #8f3d08;
	--mk-red:    #c8161d;
	--mk-tint:   #f2f7fa;
	--mk-line:   #dce7ee;
	--dw2-accent:    #c4560f;
	--dw2-accent-bg: #fdf1e8;
	--mk-hero:    850 / 295;
	--mk-hero-sp: 552 / 480;
}

/* 施工実績の区分の色（優劣ではなく区別のための色） */
.dw2 .is-r1v1 { --mk-tone: #c4560f; }
.dw2 .is-r1v2 { --mk-tone: #b07d12; }
.dw2 .is-r2   { --mk-tone: #2e7d5b; }
.dw2 .is-r3   { --mk-tone: #6a4c93; }

.dw2.max-top .mk-rank__fig img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
.dw2.max-top .mk-fv__stat .is-price dd { white-space: nowrap; }
.dw2.max-top .mk-fv__stat .is-price dd span { white-space: normal; }

/* ---- いまの型番から後継を探す ---- */
.dw2.max-top .mxt-find { margin: 0 0 22px; padding: 16px 18px; background: #fff; border: 2px solid var(--mk-navy); border-radius: 8px; }
.dw2.max-top .mxt-find__lb { display: block; margin: 0 0 8px; font-size: 14px; font-weight: bold; color: var(--mk-navy-d); }
.dw2.max-top .mxt-find__in {
	box-sizing: border-box; width: 100%; max-width: 420px; padding: 11px 13px;
	border: 1px solid #9fb6c4; border-radius: 6px; font-size: 16px; letter-spacing: .03em;
}
.dw2.max-top .mxt-find__in:focus { outline: 2px solid var(--mk-navy); outline-offset: 1px; }
.dw2.max-top .mxt-find__msg { margin: 9px 0 0; font-size: 13px; color: var(--dw2-ink-sub); }
.dw2.max-top .mxt-find__res { display: grid; gap: 10px; margin-top: 10px; }
.dw2.max-top .mxt-find__i { padding: 11px 13px; background: var(--mk-tint); border: 1px solid var(--mk-line); border-radius: 6px; }
.dw2.max-top .mxt-find__m { margin: 0 0 5px; font-size: 15px; }
.dw2.max-top .mxt-find__m b { color: var(--mk-navy-d); margin-right: 8px; }
.dw2.max-top .mxt-find__m span { font-size: 12px; color: var(--dw2-ink-sub); }
.dw2.max-top .mxt-find__s { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.6; }
.dw2.max-top .mxt-find__s em { font-style: normal; color: var(--mk-red); }
.dw2.max-top .mxt-find__n { margin: 5px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--dw2-ink-sub); }

/* 施工実績の内訳はMAXでは2枚（電源・交換前のメーカー）なので、PCは2列にして右に空きを作らない */
@media screen and (min-width: 768px) {
	.dw2.max-top .mk-stat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}