@charset "utf-8";
/* =============================================================================
 * パロマ共通CSS（ガスコンロ シリーズページ用）
 * /gasconro/paloma/css/paloma.css
 *
 *  【3層構成のうちの②メーカー共通】
 *   ① ガスコンロ共通UI … /gasconro/css/series.css（.gc2-* のレイアウト一式）
 *   ② このファイル      … パロマのブランドトーンと、パロマ各シリーズで共用する部品
 *   ③ シリーズ固有      … /gasconro/paloma/<series>/css/<series>.css（最小限）
 *
 *  ノーリツ側（/gasconro/noritz/css/noritz.css）と同じ役割・同じクラス設計にしている。
 *  シリーズを追加するときは、このファイルの .pa-cards を使う（複製しない）。
 *
 *  パロマのブランドカラーは赤系。ただしサイト共通の見出し・ボタンの赤と
 *  ぶつかるので、アクセントは落ち着いた赤茶（レンガ寄り）にして
 *  「ガスペック共通のページ設計＋パロマらしさ」の両立をねらう。
 * ========================================================================== */

.gc2.paloma {
	--gc2-accent: #a4343a;	/* パロマの赤に寄せた落ち着いた赤（見出しの赤とは分ける） */
	--pa-line: #e3dcda;
}

/* 見出しは上書きしない。h2/h3 の heading_01 はサイト共通のものを使う。 */

/* 枠線をパロマのトーンにそろえる */
.gc2.paloma .gc2-item,
.gc2.paloma .gc2-sec .card { border-color: var(--pa-line); }
.gc2.paloma .gc2-cmp th,
.gc2.paloma .gc2-cmp td { border-color: var(--pa-line); }

/* 箇条書きの点は、リンナイ（丸）・ノーリツ（角丸四角）と見分けが付くように菱形寄せ */
.gc2.paloma .gc2-fl dt::before {
	border-radius: 1px;
	width: 7px; height: 7px;
	transform: rotate(45deg);
}

/* -----------------------------------------------------------------------------
 * 写真つき解説のグリッド（パロマ共通）
 *   「写真＋見出し＋説明」を2列（SPは1列）で並べる形。共通CSS(series.css)に
 *   同じ用途のグリッドが無いため、メーカー共通のこの層で1本だけ持つ。
 *   ・is-wide … 図の中に文字が入っている横長の図は、縮小すると読めないので
 *               1行を使い切って実寸に近い大きさで出す。
 * -------------------------------------------------------------------------- */
.gc2.paloma .pa-cards {
	list-style: none; margin: 0 10px; padding: 0;
	display: grid; grid-template-columns: 1fr; gap: 12px;
}
.gc2.paloma .pa-cards > li {
	border: 1px solid var(--pa-line); border-radius: var(--gc2-radius);
	background: #fff; overflow: hidden;
}
.gc2.paloma .pa-cards > li::before { content: none; }
.gc2.paloma .pa-cards__fig { margin: 0; background: #fff; }
.gc2.paloma .pa-cards__fig img { display: block; width: 100%; height: auto; }
.gc2.paloma .pa-cards__b { padding: 11px 13px 13px; }
.gc2.paloma .pa-cards__t { display: block; font-size: 16px; font-weight: bold; line-height: 1.35; }
.gc2.paloma .pa-cards__sub {
	display: inline-block; margin: 4px 0 0; padding: 2px 8px;
	font-size: 11.5px; font-weight: bold; line-height: 1.4;
	color: #fff; background: var(--gc2-accent); border-radius: 3px;
}
.gc2.paloma .pa-cards__d { margin: 7px 0 0; font-size: 13.5px; line-height: 1.75; }

@media screen and (min-width: 760px) {
	.gc2.paloma .pa-cards { grid-template-columns: 1fr 1fr; gap: 14px; }
	.gc2.paloma .pa-cards > li.is-wide { grid-column: 1 / -1; }
}

/* 公式表記のバッジ（「ラ・クックグラン」など商標名の目印）。ノーリツの .nz-tm と同じ役割 */
.gc2.paloma .pa-tm {
	display: inline-block; padding: 1px 7px; margin: 0 2px;
	font-size: 11.5px; font-weight: bold; letter-spacing: 0;
	color: #8c2b30; background: #fdf1f1; border: 1px solid #ecd2d3; border-radius: 3px;
	white-space: nowrap; vertical-align: 1px;
}