/*
 * 家族向けページ（inc/pages.php に eyebrow を書いた画面。page.php が .wrap.fam で出す）だけの見た目。
 * 範囲は .fam の中だけ。既存ページには効かない。2026-10-06〜
 */

/* 表：セル・外枠に罫線、見出しの列と行に薄い背景色。狭い画面では折り返す */
.fam table{width:100%;border-collapse:collapse;border:2px solid var(--navy-line);margin:6px 0 14px;font-size:16px;line-height:1.7;background:#fff}
.fam th,.fam td{border:1px solid var(--navy-line);padding:12px 14px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.fam th{background:var(--navy-tint);color:var(--ink);font-weight:700}
.fam tr:first-child th{background:#E3EBF7}
.fam td{background:#fff}
@media (max-width:640px){
  .fam table{font-size:14.5px}
  .fam th,.fam td{padding:9px 10px}
}

/* 商品写真（既存の .photos の見た目のまま、枚数に合わせて列を決める） */
.fam .photos.p1{grid-template-columns:minmax(0,1fr);max-width:560px}
.fam .photos.p2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fam .photos img{background:#fff}
@media (max-width:640px){
  .fam .photos.p2{grid-template-columns:minmax(0,1fr)}
}