@charset "utf-8";
/* ============================================================
   add-style-half.css — 下層「一覧（4列）」テンプレート _half_list.html 専用の追加CSS
   2026-10-09 クライアント指示（お料理 /dish）：
   ・写真の大きさがそろっていない → 元写真の縦横比が 1039〜1242×720 とまちまちで、
     幅だけそろえて高さを成り行きにしていたため、行ごとに名前・金額の高さがずれていた
   ・対策：写真の枠を 3:2 に固定し、はみ出す分は中央で切る（object-fit: cover）
     → 写真の高さがそろうので、名前・金額の高さも行の中でそろう
   ・CMSの再生成対象（basic-*.css）の外に置く。テンプレートの head（InstanceBeginEditable 内）で読む
   ・同じテンプレートを使う他の一覧ページにも同じ効果がある（写真の高さがそろうだけで、文字や並びは変えない）
   ============================================================ */
.halfBox img {
	aspect-ratio: 3 / 2;
	height: auto !important;
	max-height: none;
	object-fit: cover;
	object-position: center center;
	vertical-align: top;
}

/* 料理名：行の頭をそろえる（名前と金額のあいだの余白を一定に） */
.halfBox .section > span:first-of-type {
	display: inline-block;
	margin-top: 4px;
}