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

.gc2.noritz.plusdo {
	--gc2-accent: #4a4f55;	/* ステンレスと鋳物ゴトクに寄せたスチールグレー */
}

/* -----------------------------------------------------------------------------
 * 現行1機種の目印
 *   プラスドゥは現行がN3WS9KJTKSTEDだけなので、型番の下でそれが分かるようにする。
 *   天板幅バッジの隣に足すと横に入りきらないため、型番の説明側に置く。
 * -------------------------------------------------------------------------- */
.gc2.noritz.plusdo .pd-cur {
	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: #4a4f55; border-radius: 3px; white-space: nowrap;
	vertical-align: 1px;
}

/* -----------------------------------------------------------------------------
 * 操作パネルの図
 *   図は700×193の横長で、25/16などの枠に収めると文字が読めない。
 *   1機種なので左右に並べる必要もないため、1列で幅いっぱいに出す。
 * -------------------------------------------------------------------------- */
.gc2.noritz.plusdo .gc2-panels { grid-template-columns: 1fr; }
.gc2.noritz.plusdo .gc2-panel__fig { padding: 12px 10px 0; background: #fff; }
.gc2.noritz.plusdo .gc2-panel__fig img { width: 100%; max-width: 700px; height: auto; }

/* -----------------------------------------------------------------------------
 * 商品一覧
 *   共通の .gc2-items はPC・SPとも2列。プラスドゥは現行1品番なので、
 *   そのままだと1枚が左半分だけになる（センスと同じ状況）。
 *   ・PC … 幅の上限を付けて1枚だけ中央に置く
 *   ・SP … 1列にして横幅いっぱいで出す（上限は付けない）
 *   センス（/gasconro/rinnai/sence/css/sence2.css）と同じ考え方にそろえている。
 * -------------------------------------------------------------------------- */
.gc2.noritz.plusdo #lineup .gc2-items {
	grid-template-columns: minmax(0, 420px);
	justify-content: center;
}

@media screen and (max-width: 767px) {
	/* SPは1列。幅の上限を外して横幅いっぱいに出す */
	.gc2.noritz.plusdo #lineup .gc2-items { grid-template-columns: 1fr; }
}