@charset "utf-8";

/* ══════════════════════════════════════════════════════════════════════
   page-goods.css — フォトグッズのページ（/goods/）専用
   白基調（既定）。色・字組みは theme.css の変数を参照します。
   価格は箱で囲わず、罫線と余白で一覧にします。
   ══════════════════════════════════════════════════════════════════════ */

/* 見出しと本文の左端をそろえるため、同じ最大幅・同じ内側余白にする */
.goods .sec-h{max-width:920px}
.goods-in{max-width:920px;margin-inline:auto;padding:0 clamp(20px,3.4vw,52px)}

.goods-intro{margin:0;font-size:14px;line-height:2.15;letter-spacing:.04em;color:var(--moji-2);max-width:40em}

.goods-groups{margin-top:clamp(30px,4vw,50px)}
.goods-grp{margin-top:clamp(34px,4.6vw,58px)}
.goods-grp:first-child{margin-top:0}
.goods-grp h2{margin:0;font-family:var(--f-disp);font-weight:600;font-feature-settings:"palt" 1;
 font-size:clamp(17px,2vw,22px);letter-spacing:.06em;color:var(--midashi)}

/* 品目と価格。左に名前、右に価格。行ごとに細い罫で区切る */
.goods-list{margin:clamp(12px,1.6vw,18px) 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 clamp(16px,2.4vw,36px);
 border-top:1px solid var(--keisen)}
.goods-list dt{padding:15px 0;border-top:1px solid var(--keisen);font-size:13.5px;line-height:1.8;color:var(--moji)}
.goods-list dt:first-of-type{border-top:0}
.goods-list dd{margin:0;padding:15px 0;border-top:1px solid var(--keisen);
 font-family:var(--f-disp);font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--kogane-moji);
 text-align:right;white-space:normal}
.goods-list dd:first-of-type{border-top:0}

/* 品名・サイズ・説明（品名の下に説明を添える） */
.goods-it-n{font-family:var(--f-disp);font-weight:600;font-size:14.5px;letter-spacing:.03em;color:var(--midashi)}
.goods-it-sz{margin-left:.7em;font-family:var(--f-lat);font-size:11.5px;letter-spacing:.06em;color:var(--moji-3);white-space:nowrap}
.goods-it-d{display:block;margin-top:5px;font-family:var(--f-body);font-size:12.5px;line-height:1.85;letter-spacing:.02em;color:var(--moji-2)}

.goods-note{margin:14px 0 0;font-size:12px;line-height:2;color:var(--moji-2);max-width:46em}

.goods-foot{margin:clamp(30px,4vw,48px) 0 0;padding-top:clamp(18px,2.4vw,24px);border-top:1px solid var(--keisen);
 font-size:12.5px;line-height:2.05;color:var(--moji-2);max-width:46em}

.goods-back{margin:clamp(28px,3.6vw,44px) 0 0;display:flex;flex-wrap:wrap;gap:14px clamp(20px,3vw,40px)}
.goods-back a{font-size:12.5px;letter-spacing:.14em;color:var(--kogane-moji)}
.goods-back .ar{color:var(--kogane)}

@media (max-width:480px){
	.goods-list{grid-template-columns:1fr}
	.goods-list dt{padding-bottom:2px}
	.goods-list dd{padding-top:2px;text-align:left;border-top:0}
	.goods-list dt:not(:first-of-type){border-top:1px solid var(--keisen);margin-top:8px}
}