@charset "utf-8";
/* =============================================================================
 * リンナイ ビルトイン食洗機 メーカーTOP 固有CSS
 * /dishwasher/rinnai/css/rinnai_top.css
 *
 *  読み込み順： /dishwasher/css/series.css → /dishwasher/css/maker.css → このファイル
 *  ここにはリンナイ固有のものだけを置く（ブランド色・バナーの縦横比・タイプ別の色）。
 *  レイアウトは maker.css 側にあるので、こちらへ書き足さないこと。
 *  設置条件の表（.rt-axis）はパナソニックTOPと同じ部品なので、
 *  食洗機のメーカーTOPで共用できるよう maker.css 側に置いてある。
 * ========================================================================== */

.dw2.rinnai-top {
	/* 食洗機のアクセントは全ページ共通の1色（#4a4f8c）。
	   リンナイの赤はラベルなど限定箇所だけに使う（コンロのリンナイTOPと同じ考え方）。 */
	--mk-navy:   #4a4f8c;
	--mk-navy-d: #333a6b;
	--mk-red:    #c8161d;
	--mk-tint:   #f3f4fa;
	--mk-line:   #dde5ee;
	--dw2-accent:    #4a4f8c;
	--dw2-accent-bg: #eef0f8;

	/* ファーストビューのバナー実寸 PC 850×295 ／ SP 460×400 */
	--mk-hero:    850 / 295;
	--mk-hero-sp: 46 / 40;
}

/* タイプごとの色（施工実績の積み上げ帯・凡例・一覧の縁で使う）。
   段階の優劣を色で表すためのものではなく、区別のための色。 */
.dw2 .is-front        { --mk-tone: #8b1a3a; }
.dw2 .is-slide_deep   { --mk-tone: #4a4f8c; }
.dw2 .is-wide60       { --mk-tone: #2e7d5b; }
.dw2 .is-slide_middle { --mk-tone: #16537a; }
.dw2 .is-depth60      { --mk-tone: #b07d12; }

/* グレードの帯（ハイ／ミドル／スタンダード）。
   リンナイのシリーズページと同じ色づかいにそろえる。 */
.dw2.rinnai-top .rt-g-high { --mk-tone: #c8161d; }
.dw2.rinnai-top .rt-g-mid  { --mk-tone: #4a4f8c; }
.dw2.rinnai-top .rt-g-std  { --mk-tone: #14776b; }