@charset "utf-8";
/* =============================================================================
 * ノーリツ メタルトップ・コンパクト・ネロ ページ固有CSS
 * /gasconro/noritz/metal/css/metal.css
 *
 *  【3層構成】
 *   ① ガスコンロ共通UI … /gasconro/css/series.css（.gc2-* のレイアウト一式）
 *   ② ノーリツ共通     … /gasconro/noritz/css/noritz.css
 *                        （写真つき解説のグリッド .nz-cards もここ）
 *   ③ このファイル     … このページのアクセント色と固有の目印だけ（最小限）
 *
 *  プログレ（金）・オルシェ（青灰）・ネスト（グレージュ）・ミッケ（ローズブラウン）・
 *  ファミ（青みグレー）・プラスドゥ（スチールグレー）と変えて、
 *  ホーロー天板の落ち着いた質感に寄せた暖かみのあるグレーをアクセントにする。
 *  見出しはサイト共通のまま使う（メーカー・シリーズで体裁を変えない）。
 * ========================================================================== */

.gc2.noritz.metal {
	--gc2-accent: #6b6157;	/* ホーロー天板に寄せた暖かみのあるグレー */
}

/* -----------------------------------------------------------------------------
 * グループ見出しの補助ラベル（60cm・3口 など）
 *   まとめページなので、いまどのグループを見ているのかが分かるようにする。
 * -------------------------------------------------------------------------- */
.gc2.noritz.metal .mt-gtag {
	display: inline-block; margin: 0 4px; padding: 1px 8px;
	font-size: 11.5px; font-weight: bold; line-height: 1.6; letter-spacing: 0;
	color: #fff; background: var(--gc2-accent); border-radius: 3px;
	white-space: nowrap; vertical-align: 2px;
}

/* -----------------------------------------------------------------------------
 * 商品一覧の目印（口数・グリル方式）
 *   12品番が並ぶので、型番の下でひと目で違いが分かるようにする。
 *   天板幅バッジの隣に足すと横に入りきらないため、型番の説明側に置く。
 * -------------------------------------------------------------------------- */
.gc2.noritz.metal .mt-btag,
.gc2.noritz.metal .mt-gr {
	display: inline-block; margin-right: 5px; padding: 1px 7px;
	font-size: 11px; font-weight: bold; line-height: 1.5; letter-spacing: 0;
	color: #fff; background: #8f8f8f; border-radius: 3px; white-space: nowrap;
	vertical-align: 1px;
}
.gc2.noritz.metal .mt-btag.is-three { background: #1f7a8c; }	/* 3口 */
.gc2.noritz.metal .mt-gr { background: #a8743a; }				/* グリル方式 */
.gc2.noritz.metal .mt-gr.is-none { background: #7d7d7d; }		/* グリルなし */

/* -----------------------------------------------------------------------------
 * 別売品の図版
 *   3枚とも 210×140 の同じ大きさにそろえている（引き伸ばさない）。
 * -------------------------------------------------------------------------- */
.gc2.noritz.metal .gc2-opt__fig { width: 140px; }
.gc2.noritz.metal .gc2-opt__fig img { width: 100%; height: auto; background: #fff; }