@charset "utf-8";
/* =============================================================================
 * ノーリツ ビルトインガスオーブン シリーズページ 固有CSS
 *
 *  レイアウト・UIは共通 ../../css/series.css。このファイルは
 *  アクセント色と、このページにしかない部品（工事の3つの形・交換実例の表・機能表）の
 *  小さな指定だけを持つ。必ず series.css より後に読み込む。
 *  ※左だけ太い線（border-left の太線）は使わない。
 * ========================================================================== */

.gc2.oven2 {
	--gc2-accent:    #1f3d52;
	--gc2-accent-bg: #eef3f7;
}

/* 選び方枠（.gc2-vs）の副題と箇条書き。共通CSSに定義が無いため各シリーズと同じ値を持つ */
.gc2.oven2 .gc2-vs__t span {
	display: block; margin-top: 3px;
	font-size: 12px; font-weight: normal; color: var(--gc2-ink-sub); line-height: 1.5;
}
.gc2.oven2 .gc2-vs__list { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.gc2.oven2 .gc2-vs__list li { position: relative; padding: 0 0 0 1.9em; margin: 0 0 7px; line-height: 1.75; }
.gc2.oven2 .gc2-vs__list li::before {
	content: "✓"; position: absolute; left: 0; top: .25em;
	width: 17px; height: 17px; line-height: 17px; text-align: center;
	border-radius: 50%; background: var(--gc2-accent); color: #fff;
	font-size: 10px; font-weight: bold;
}
.gc2.oven2 .gc2-vs__list li:last-child { margin-bottom: 0; }
/* 容量の図は横長（960×273）なので、枠の幅いっぱいに縮める */
.gc2.oven2 .gc2-vs__card img { width: 100%; height: auto; }

/* 向いている方：2つとも「向いている」の枠なので同じ見た目で2列 */
.gc2.oven2 .gc2-fit { margin-top: 18px; }

/* 商品写真は正方形（500×500）。コンロの横長写真用の枠に収める */
.gc2.oven2 .oven2-item__main { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }

/* 比較表・機能表の見出しの小さい字 */
.gc2.oven2 .gc2-cmp thead th span { display: block; margin-top: 2px; font-size: 11px; font-weight: normal; }
.gc2.oven2 .oven2-ft__n { font-size: 12px; color: var(--gc2-ink-sub); text-align: left; }
.gc2.oven2 .oven2-menu td { font-size: 12.5px; text-align: left; }
.gc2.oven2 .oven2-fig { margin: 0 0 10px; }
.gc2.oven2 .oven2-fig img { display: block; max-width: 480px; width: 100%; height: auto; }

/* 工事の3つの形 */
.gc2.oven2 .oven2-works { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.gc2.oven2 .oven2-works > li { margin: 0; padding: 12px; border: 1px solid var(--gc2-line); background: #fff; list-style: none; }
.gc2.oven2 .oven2-works > li::before { content: none; }
.gc2.oven2 .oven2-works figure { margin: 0 0 8px; }
.gc2.oven2 .oven2-works img { display: block; width: 100%; height: auto; }
.gc2.oven2 .oven2-works b { display: block; margin: 0 0 4px; font-size: 15px; color: var(--gc2-accent); }
.gc2.oven2 .oven2-works p { margin: 0; font-size: 13px; line-height: 1.75; }

/* 工事費の表：「お見積り」の行 */
.gc2.oven2 .gc2-kj td.is-ask { font-size: 13px; font-weight: bold; }

/* 交換前→交換後の表 */
.gc2.oven2 .oven2-pairs td { vertical-align: top; font-size: 13px; }
.gc2.oven2 .oven2-pairs__d { white-space: nowrap; text-align: right; color: var(--gc2-ink-sub); }
.gc2.oven2 .oven2-pairs__m { font-family: Consolas, "Courier New", monospace; font-size: 13px; word-break: break-all; }

/* 交換のサイン：6項目なので3列 */
.gc2.oven2 .oven2-signs { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media screen and (max-width: 767px) {
	.gc2.oven2 .oven2-works { grid-template-columns: minmax(0, 1fr); }
	.gc2.oven2 .oven2-signs { grid-template-columns: minmax(0, 1fr); }
}

/* 交換前→交換後の実例（2026-10-30 表をやめて2列の枠に。文字を大きく） */
.gc2.oven2 .oven2-ex { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gc2.oven2 .oven2-ex__i { margin: 0; padding: 14px 16px; border: 1px solid #d6dee6; border-radius: 6px; background: #fff; }
.gc2.oven2 .oven2-ex__i::before { content: none; }
.gc2.oven2 .oven2-ex__d { margin: 0 0 8px; font-size: 14px; color: var(--gc2-ink-sub); }
.gc2.oven2 .oven2-ex__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.gc2.oven2 .oven2-ex__arw { display: flex; align-items: center; justify-content: center; height: 24px; }
.gc2.oven2 .oven2-ex__arw svg { transform: rotate(90deg); }
.gc2.oven2 .oven2-ex__b, .gc2.oven2 .oven2-ex__a { padding: 10px 12px; border-radius: 6px; background: #f3f5f7; }
.gc2.oven2 .oven2-ex__a { background: var(--gc2-accent-bg); }
.gc2.oven2 .oven2-ex__k { display: inline-block; margin: 0 0 6px; padding: 1px 8px; border-radius: 3px; font-size: 12px; font-weight: bold; color: #fff; background: #7a8794; }
.gc2.oven2 .oven2-ex__a .oven2-ex__k { background: var(--gc2-accent); }
.gc2.oven2 .oven2-ex__mk { display: inline-block; margin: 0 8px 0 0; font-size: 15px; line-height: 1.5; }
.gc2.oven2 .oven2-ex__k { margin: 0 8px 4px 0; vertical-align: 1px; }
.gc2.oven2 .oven2-ex__m { display: block; font-size: 17px; font-weight: bold; line-height: 1.5; white-space: nowrap; overflow-wrap: normal; }
.gc2.oven2 .oven2-ex__arw { color: var(--gc2-accent); text-align: center; }
@media screen and (max-width: 640px) {
	.gc2.oven2 .oven2-ex { grid-template-columns: minmax(0, 1fr); }
}

/* 主な特徴（2026-10-30）：2列にして、図を切らずに全体を見せる。文字も大きく */
.gc2.oven2 #point .gc2-care { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gc2.oven2 #point .gc2-care__fig img { height: auto; aspect-ratio: 480 / 300; object-fit: contain; }
.gc2.oven2 #point .gc2-care__b { padding: 12px 14px 14px; }
.gc2.oven2 #point .gc2-care__t { font-size: 16px; line-height: 1.5; }
.gc2.oven2 #point .gc2-care__b p { font-size: 14px; line-height: 1.8; }
@media screen and (max-width: 640px) {
	.gc2.oven2 #point .gc2-care { grid-template-columns: minmax(0, 1fr); margin: 0 0 6px; }
	.gc2.oven2 #point .gc2-care li { flex-direction: column; }
	.gc2.oven2 #point .gc2-care__fig { flex: none; }
	.gc2.oven2 #point .gc2-care__fig img { min-height: 0; }
	.gc2.oven2 #point .gc2-care__t { font-size: 15px; }
	.gc2.oven2 #point .gc2-care__b p { font-size: 13.5px; }
}

/* 「〜とは」の説明文の枠（2026-10-30）：左だけ太い線を使わず、四辺同じ細さにする */
.gc2.oven2 #about .gc2-intro__lead { border: 1px solid #d6dee6 !important; border-radius: var(--gc2-radius); }

/* ノーリツ：庫内寸法の図（公式の図・本文の幅いっぱい）と付属品の表（2026-10-30） */
.gc2.oven2 .oven2-cap { margin: 0 0 16px; text-align: center; }
.gc2.oven2 .oven2-cap img { display: block; width: 100%; max-width: 720px; height: auto; margin: 0 auto; border: 1px solid #d6dee6; border-radius: 6px; }
.gc2.oven2 .oven2-cap figcaption { margin: 6px 0 0; font-size: 13px; color: var(--gc2-ink-sub); }
.gc2.oven2 .oven2-acc th, .gc2.oven2 .oven2-acc td { font-size: 14px; }
.gc2.oven2 .oven2-cmp2 th[scope="col"] { min-width: 180px; }