@charset "utf-8";
/* =============================================================================
 * M8ワイドシリーズ ページ固有CSS
 *   /dishwasher/panasonic/m8wide/css/m8wide.css
 *   共通は /dishwasher/css/series.css（.dw2-*）と
 *         /dishwasher/panasonic/css/panasonic.css（.pn-cards）。
 *   ここには「このシリーズだけの差分」しか書かない（共通は変更しない）。
 * ========================================================================== */

/* ファーストビュー直下の注意（幅60cm専用）は少し強めに見せる */
.dw2 .dw2-warn.m8-warn--lead { margin: 14px 0 20px; border-width: 2px; }
.dw2 .dw2-warn.m8-warn--lead > b { font-size: 15px; line-height: 1.5; }

/* 「非搭載」のラベルは搭載と見分けが付くようにグレーにする */
.dw2 .dw2-fl__b.m8-fl__b--no { background: #f0f0f0; color: #777; border-color: #ddd; }

/* ムービングラック プラスの4枚は素材が600×471。共通の枠比率（1004/632）だと
   contain で左右に白帯が出て写真が小さくなるため、素材と同じ比率に上書きする。
   4枚すべて同じ比率なので、隣同士の枠の高さはそろう。 */
.dw2.m8wide #mrp .pn-cards__fig img { aspect-ratio: 600 / 471; }

/* 幅60cmワイド／奥行60cm対応の2枚並べ（画像は同じ350×350） */
.dw2 .dw2-opts.m8-opts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw2 .dw2-opts.m8-opts--2 .dw2-opt__fig img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
@media screen and (max-width: 640px) {
	.dw2 .dw2-opts.m8-opts--2 { grid-template-columns: 1fr; }
}