@charset "utf-8";
/* =============================================================================
 * デリシア（DELICIA）固有CSS
 *
 *  レイアウト・UIは共通の /gasconro/css/series.css にある。
 *  このファイルはシリーズ固有の上書きと、デリシアで新しく使うブロックだけを持つ。
 *  読み込み順は必ず series.css → このファイル。
 * ========================================================================== */

/* シリーズのアクセント色（デリシアは最上位クラスらしい深いネイビー） */
.gc2.delicia2 {
	--gc2-accent:    #1f3d52;
	--gc2-accent-bg: #eef3f7;
}

/* カラーは6色。共通CSSの既定はマイトーンの5色に合わせた repeat(5,1fr) なので、
   3列×2段に組み替えて色名（スパークリングカッパー等）が詰まらないようにする。 */
@media screen and (min-width: 768px) {
	.gc2.delicia2 .gc2-colors { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 767px) {
	.gc2.delicia2 .gc2-colors { grid-template-columns: repeat(2, 1fr); }
}

/* 施工実績データはデリシアだけ内訳が4つ（天板幅／電源／オーブン接続／世代）。
   共通CSSは内訳3つのマイトーンに合わせて3枚目を全幅にしているため、
   そのままだと3枚目だけ横長になって不揃いになる。ここでは2×2に揃える。 */
@media screen and (min-width: 768px) {
	.gc2.delicia2 .gc2-idata__c:nth-of-type(3) { grid-column: auto; }
	.gc2.delicia2 .gc2-idata__c:nth-of-type(3) .gc2-bars__b { max-width: none; }
	.gc2.delicia2 .gc2-idata__c.is-wide { grid-column: 1 / -1; }
}

/* 型番の読み方一覧（.gc2-flags）：
   デリシアはラベルが「末尾が C / N / なし」など長いので、
   共通CSSの既定（9em）だと折り返して読みにくい。列幅を広げて折り返しを止める。
   スマホは共通CSSで1カラムに切り替わるため上書き不要。 */
@media screen and (min-width: 768px) {
	.gc2.delicia2 .gc2-flags > li { grid-template-columns: 12em 1fr; }
	.gc2.delicia2 .gc2-flags b { white-space: nowrap; }
}

/* 後継機：デリシアは旧型番を件数付きで並べるため1行が長い。
   型番の途中で折り返してよいので、共通の nowrap を解除する。 */
.gc2.delicia2 .gc2-succ__m { white-space: normal; }

/* 向いている方の枠化・2段組みは共通CSS（series.css）へ移したので、
   ここでの上書きは不要になった。 */

/* .gc2-pick（比較表の直後の「どれを選べばよいか」）の指定は、
 *  8シリーズで同じものを重複して持っていたので共通CSS（/gasconro/css/series.css）へ寄せた。
 *  ここでの上書きは不要（2026-09-08）。 */

/* -----------------------------------------------------------------------------
 * 選び方枠（.gc2-vs）の中身
 *   リッセの選び方は dl（項目：値）だったが、デリシアは選ぶ理由を箇条書きで出す。
 *   共通CSSには箇条書き用の指定が無いので、ここで .gc2-warn ul と同じ見え方に揃える。
 *   枠自体（枠なし・画像上端そろえ・.gc2-vs__in の余白）は共通CSSのまま。
 * -------------------------------------------------------------------------- */
.gc2.delicia2 .gc2-vs__t span {
	display: block; margin-top: 3px;
	font-size: 12px; font-weight: normal; color: var(--gc2-ink-sub); line-height: 1.5;
}
/* 選び方枠の画像は、元の縦横比がばらばら（設置イメージ760x507・
   オーブンの図280x280・商品写真690x390）。そのままだと左右の枠で
   画像の高さが違って読みにくいので、3:2の枠に収めて高さを揃える。
   contain なので切れずに全体が入る。 */
.gc2.delicia2 .gc2-vs__card > img {
	aspect-ratio: 3 / 2; object-fit: contain; background: #fff;
}
.gc2.delicia2 .gc2-vs__list { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.gc2.delicia2 .gc2-vs__list li {
	position: relative; padding: 0 0 0 1.9em; margin: 0 0 7px; line-height: 1.75;
}
/* マーカーは「・」ではなくチェックのバッジ。1項目ずつ拾い読みできるようにする。 */
.gc2.delicia2 .gc2-vs__list li::before {
	content: "✓"; position: absolute; left: 0; top: .25em;
	width: 17px; height: 17px; line-height: 17px; text-align: center;
	border-radius: 50%; background: var(--gc2-accent); color: #fff;
	font-size: 10px; font-weight: bold;
}
.gc2.delicia2 .gc2-vs__list li:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) {
	.gc2.delicia2 .gc2-vs__list { font-size: 12.5px; }
	.gc2.delicia2 .gc2-vs__list li { padding-left: 1.8em; margin-bottom: 6px; }
	.gc2.delicia2 .gc2-vs__list li::before { width: 16px; height: 16px; line-height: 16px; font-size: 9.5px; }
}