@charset "utf-8";
/* =============================================================================
 * パロマ ビルトインガスコンロ メーカーTOP 固有CSS
 * /gasconro/paloma/css/paloma_top.css
 *
 *  読み込み順： series.css → /gasconro/css/maker.css → このファイル
 *  ここにはパロマ固有のものだけを置く（ブランド色・バナーの縦横比・シリーズ別の色）。
 *  レイアウトは maker.css 側にあるので、こちらへ書き足さないこと。
 * ========================================================================== */

.gc2.paloma-top {
	/* ブランド色。パロマのロゴ色（赤）は差し色だけに使う */
	--mk-navy:   #1a4f72;
	--mk-navy-d: #0f3350;
	--mk-red:    #d60f22;
	--mk-tint:   #f3f7fa;
	--mk-line:   #dde6ed;
	--gc2-accent:    #1a5b85;
	--gc2-accent-bg: #eaf2f8;

	/* ファーストビューのバナー実寸 PC 720×228 ／ SP 520×400 */
	--mk-hero:    720 / 228;
	--mk-hero-sp: 13 / 10;
}

/* シリーズごとの色（施工実績の積み上げ帯と凡例で使う。価格の安い順に色を離す） */
.gc2 .is-metal       { --mk-tone: #5d6f80; }
.gc2 .is-repla       { --mk-tone: #2a8ca8; }
.gc2 .is-sisto       { --mk-tone: #3f7d5c; }
.gc2 .is-brillio     { --mk-tone: #b07d12; }
.gc2 .is-withna      { --mk-tone: #c05a1b; }
.gc2 .is-faceisgrand { --mk-tone: #16537a; }
.gc2 .is-crea        { --mk-tone: #8b1a3a; }
.gc2 .is-avance      { --mk-tone: #6a4c93; }