/* =========================================================
   UP2U Price Table
   テーマ側に .price-grid などのスタイルがある場合は、そちらが優先されます。
   ここでは、テーマにスタイルが無い環境でも崩れないよう最低限を定義しています。
   ========================================================= */
.up2u-pr{
  --pr-ink:var(--c-ink,#2b2a28);
  --pr-sub:var(--c-sub,#6f6b64);
  --pr-line:var(--c-line,#dedad2);
  --pr-accent:var(--c-accent,#a9885a);
  color:var(--pr-ink);
}
.up2u-pr *{box-sizing:border-box}

/* 行のレイアウト（テーマ側の定義が無い場合の保険） */
.up2u-pr .price-rows{margin-top:6px}
.up2u-pr .price-row{
  display:flex;align-items:baseline;gap:12px;
  padding:13px 2px;border-bottom:1px solid var(--pr-line);font-size:14px;
}
.up2u-pr .price-row .name{flex:none}
.up2u-pr .price-row .leader{
  flex:1;min-width:20px;
  border-bottom:1px dotted var(--pr-line);transform:translateY(-4px);
}
.up2u-pr .price-row .val{
  flex:none;font-family:var(--f-en,sans-serif);font-size:15px;
  letter-spacing:.06em;font-weight:500;white-space:nowrap;
}
.up2u-pr .price-row .val .unit{
  font-family:var(--f-sans,sans-serif);font-size:12px;
  color:var(--pr-sub);font-weight:400;margin-left:2px;
}

/* 簡略版（トップページ用）は、そのページのセクションに馴染ませる */
.up2u-pr.is-summary{width:auto;margin:0;transform:none}
.up2u-pr.is-summary .price__notes{margin-top:40px}

/* スマホでは、項目名が長いと金額がはみ出すため、
   項目名の下に金額を右寄せで折り返す */
@media (max-width:600px){
  .up2u-pr .price-row{display:block;padding:12px 2px}
  .up2u-pr .price-row .name{display:block;line-height:1.7}
  .up2u-pr .price-row .leader{display:none}
  .up2u-pr .price-row .val{display:block;text-align:right;margin-top:2px}
}