/* =========================================================
   つきじ治作 — lifeevent-longevity-anniversary ページ固有スタイル（抽出元: lifeevent/longevity/anniversary/index.html の <style>）
   body名前空間: page-lifeevent-longevity-anniversary / url(): css/pages/基準 ../../images/
   ========================================================= */
/* ── Hero ── 型は lp-hero-panel.css（写真を縮めて白い見出しパネルを右下に重ねる）。
   ここはこのページの写真だけ。 */
.lp-hero__image{background-image:url('../../images/anniversary-hero.webp');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

/* ── Anniversary name list (prologue) ── */
.an-name-list{list-style:none;padding:0;margin:clamp(16px,2vw,24px) 0;display:flex;flex-direction:column;gap:6px;}
.an-name-list li{font-family:var(--serif);font-size:14px;line-height:2;letter-spacing:.1em;color:var(--mute);padding-left:1em;position:relative;}
.an-name-list li::before{content:"";position:absolute;left:0;top:.85em;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.5;}

/* ── Milestone table ── */
.an-milestone{margin-top:clamp(48px,6vw,80px);}
.an-milestone__table{width:100%;border-collapse:collapse;margin-bottom:clamp(48px,6vw,72px);}
.an-milestone__table th,.an-milestone__table td{padding:14px 20px;text-align:left;font-family:var(--serif);font-size:13px;letter-spacing:.06em;border-bottom:1px dotted rgba(184,147,90,.18);}
.an-milestone__table thead th{color:var(--gold);font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:.5px solid rgba(184,147,90,.35);}
.an-milestone__table td{color:var(--mute);}
.an-milestone__table td:first-child{white-space:nowrap;color:var(--gold-hi);font-family:var(--en-body);font-style:italic;}
.an-milestone__table td:nth-child(2){white-space:nowrap;color:var(--gold);}

/* ── Benefit area ── */
.an-benefit{max-width:720px;margin:0 auto clamp(40px,5vw,56px);padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.an-benefit__heading{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 20px;}
.an-benefit__list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.an-benefit__list li{font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:var(--gold);padding:5px 14px;border:.5px solid rgba(184,147,90,.3);}
.an-benefit__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);margin:0;}

/* ── Plan detail card ── */
.an-plan{max-width:720px;margin:0 auto;padding:clamp(40px,5vw,64px);background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.18);}
.an-plan__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.an-plan__price{font-family:var(--en-body);font-style:italic;font-size:clamp(28px,3vw,38px);color:var(--gold-hi);letter-spacing:.04em;margin:0 0 6px;}
.an-plan__price .unit{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--mute);margin-left:6px;}
.an-plan__includes{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.an-plan__includes li{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--gold);padding:5px 14px;border:.5px solid rgba(184,147,90,.3);}

/* ── Plan description ── */
.an-plan-desc{max-width:720px;margin:clamp(32px,4vw,48px) auto 0;font-family:var(--serif);font-size:13px;line-height:2.2;letter-spacing:.08em;color:var(--caption);text-align:center;}

/* ── Menu course ── */
.an-menu{max-width:720px;margin:clamp(48px,6vw,80px) auto 0;text-align:center;}
.an-menu__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.an-menu__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h3);letter-spacing:.18em;color:var(--mute);margin:0 0 28px;}
.an-menu__list{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.1em;color:var(--mute);}

/* ── Mizutaki add-on ── */
.an-addon{max-width:720px;margin:clamp(48px,6vw,80px) auto 0;padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.an-addon__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.an-addon__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 8px;}
.an-addon__price{font-family:var(--en-body);font-style:italic;font-size:20px;color:var(--gold-hi);margin:0 0 14px;}
.an-addon__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);}
.an-addon__contents{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--mute);margin-top:14px;}

/* ── Options table ── */
.an-options__table{width:100%;border-collapse:collapse;}
.an-options__table th,.an-options__table td{padding:14px 20px;text-align:left;font-family:var(--serif);font-size:13px;letter-spacing:.06em;border-bottom:1px dotted rgba(184,147,90,.18);}
.an-options__table th{color:var(--gold);font-weight:400;white-space:nowrap;width:200px;}
.an-options__table td{color:var(--mute);}
.an-options__table td:last-child{text-align:right;font-family:var(--en-body);font-style:italic;color:var(--gold-hi);white-space:nowrap;}
.an-options__table tr:first-child th,.an-options__table tr:first-child td{border-top:.5px solid rgba(184,147,90,.35);}
.an-options__cat{font-family:var(--en-serif);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);padding:24px 0 8px;display:block;}
.an-options__sub{font-family:var(--serif);font-size:12px;line-height:1.9;letter-spacing:.06em;color:var(--caption);padding:4px 20px 10px;display:block;}
.an-options__lead{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);padding:8px 20px 14px;}

/* ── Alternative course cards ── */
.an-alt-course{max-width:720px;margin:clamp(32px,4vw,48px) auto 0;padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.an-alt-course__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.an-alt-course__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--gold-hi);margin:0 0 14px;}
.an-alt-course__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);margin:0 0 20px;}
.an-alt-course__list{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.1em;color:var(--mute);}
/* コース枠の下の注記を枠と同じ幅・同じ左端に揃える（成人祝いと同じ対応・2026-09-21）。 */
.an-alt-course ~ .lp-note{max-width:720px;margin-left:auto;margin-right:auto;}

/* ── Responsive ── */
@media(max-width:767px){
  .an-plan{padding:clamp(28px,6vw,40px) clamp(20px,4vw,32px);}
  .an-benefit{padding:clamp(24px,5vw,36px) clamp(16px,4vw,28px);}
  .an-milestone__table{font-size:12px;}
  .an-milestone__table th,.an-milestone__table td{padding:10px 10px;}
}