@charset "utf-8";
/* =============================================================================
 * キッチン奥行60cm対応機（NP-45MC6T）ページ固有CSS
 *   /dishwasher/panasonic/depth60/css/depth60.css
 *   共通は /dishwasher/css/series.css（.dw2-*）と
 *         /dishwasher/panasonic/css/panasonic.css。
 *   ここには「このページだけの差分」しか書かない（共通は変更しない）。
 * ========================================================================== */

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

/* 掲載商品は1品番だけだが、商品の枠は他シリーズと同じ大きさにする
   （2枚並びのグリッドのまま1枠だけ置く。枠だけ大きくしない） */

/* 「幅60cm」と「奥行60cm」の2枚並べ（画像はどちらも350×350） */
.dw2 .dw2-opts.d60-opts--2 .dw2-opt__fig img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
@media screen and (min-width: 768px) {
	.dw2 .dw2-opts.d60-opts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 確認項目の箇条書きは2列に（項目が短いため） */
.dw2 .d60-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 14px; }
@media screen and (max-width: 640px) {
	.dw2 .d60-checklist { grid-template-columns: 1fr; }
}

/* 確認手順（STEP）の枠は写真を入れていないので、上の余白を詰める */
.dw2.depth60 #check .dw2-vs__in { padding-top: 13px; }

/* ドア仕様の比較表はPCで項目名が折り返しやすいので少し広げる */
@media screen and (min-width: 768px) {
	.dw2.depth60 #door .dw2-cmp th[scope="row"] { min-width: 11em; }
	.dw2.depth60 #compare .dw2-cmp th[scope="row"] { min-width: 12em; }
}

/* 隣接ブロックがくっつかないように（このページで新しく組んだ並び） */
.dw2.depth60 #vs .dw2-opts + .dw2-cmp__wrap { margin-top: 18px; }
.dw2.depth60 #vs .dw2-note + .dw2-toc      { margin-top: 22px; }
.dw2.depth60 .dw2-sec > .dw2-why + .dw2-warn { margin-top: 18px; }

/* 2枚並べの見出しは「名称」と「品番」を行で分ける（続けて書くと読みにくい） */
.dw2.depth60 #vs .dw2-opt__t span { display: block; margin-top: 2px; font-size: 12px; font-weight: normal; color: #777; }