/* =========================================================
   つきじ治作 — lifeevent-wedding-yuinou ページ固有スタイル（抽出元: lifeevent/wedding/yuinou/index.html の <style>）
   body名前空間: page-lifeevent-wedding-yuinou / url(): css/pages/基準 ../../images/
   ========================================================= */
/* ── Hero ── 型は lp-hero-panel.css（写真を縮めて白い見出しパネルを右下に重ねる）。
   ここはこのページの写真だけ。 */
.lp-hero__image{background-image:url('../../images/yuinou-hero.jpg');}
/* WHAT IS YUINO の写真 — 枠が 4:5 の縦長なので、真ん中で切ると鯛の頭と金屏風が外れる。
   左寄りで切って、主役が枠に入るようにする。 */
body.page-lifeevent-wedding-yuinou .lp-prologue .sig-intro__img{background-position:22% center;}

.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

/* ── Plan detail card ── */
.yn-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);}
.yn-plan__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
/* 金額の字面は**料理プラン詳細の金額**（dish-detail.css の `.rs-price-panel__amount .num`）に合わせる
   ＝明朝・非イタリック・weight 500・letter-spacing .02em、大きさも同じ clamp（2026-09-21 ご指示）。
   `--serif` は `--rs-serif`（'Shippori Mincho'）と同じ明朝で、数字だけ `DigitJP` で明朝に寄せる指定。 */
.yn-plan__price{font-family:var(--serif);font-style:normal;font-weight:500;font-size:clamp(24px,6.2vw,40px);color:var(--gold-hi);letter-spacing:.02em;line-height:1;margin:0 0 6px;}
@media(min-width:901px){
  .yn-plan__price{font-size:clamp(28px,3vw,42px);}
}
.yn-plan__price .unit{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--mute);margin-left:6px;}
.yn-plan__includes{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.yn-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);}

/* ── Menu course ── */
.yn-menu{max-width:720px;margin:clamp(48px,6vw,80px) auto 0;text-align:center;}
.yn-menu__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.yn-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;}
.yn-menu__list{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.1em;color:var(--mute);}

/* ── Mizutaki add-on ── */
.yn-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;}
.yn-addon__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.yn-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;}
.yn-addon__price{font-family:var(--serif);font-style:normal;font-weight:500;font-size:20px;letter-spacing:.02em;color:var(--gold-hi);margin:0 0 14px;}
.yn-addon__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);}

/* ── Yuinou-hin cards ── */
.yn-hin{max-width:900px;margin:0 auto;}
.yn-hin__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-bottom:clamp(48px,6vw,80px);}
.yn-hin__item{padding:clamp(20px,2vw,28px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.yn-hin__name{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 4px;}
.yn-hin__reading{font-family:var(--serif);font-size:11px;color:var(--caption);letter-spacing:.08em;margin-bottom:10px;}
.yn-hin__desc{font-family:var(--serif);font-size:12.5px;line-height:1.9;letter-spacing:.06em;color:var(--caption);}

/* ── Yuinou-hin products ── */
.yn-products{max-width:900px;margin:0 auto;}
.yn-products__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,36px);}
.yn-product{padding:clamp(24px,2.5vw,36px);background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.18);}
.yn-product__name{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.14em;color:var(--mute);margin:0 0 6px;}
.yn-product__price{font-family:var(--serif);font-style:normal;font-weight:500;font-size:18px;letter-spacing:.02em;color:var(--gold-hi);margin:0 0 10px;}
.yn-product__desc{font-family:var(--serif);font-size:12.5px;line-height:1.9;letter-spacing:.06em;color:var(--caption);margin:0;}

/* ── Alternative courses ── */
.yn-plan__note{max-width:720px;margin:clamp(12px,1.4vw,18px) auto 0;font-family:var(--serif);font-size:12px;line-height:1.9;letter-spacing:.06em;color:var(--caption);text-align:right;}

.yn-alt{max-width:720px;margin:0 auto;}
.yn-alt__card{padding:clamp(28px,3vw,40px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);margin-bottom:clamp(20px,2.5vw,32px);}
.yn-alt__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.yn-alt__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 4px;}
/* ── 治作でご用意できる結納品：品目の箇条書き（2026-09-21・価格付きカードから置換）──
   クリーム背景なので文字は本文色、飾りだけ金。菱形の小さな印＋細い罫で区切る。
   1列・中央寄せの1本組み。品目名が長くても折り返して読める。 */
.yn-hinlist{
  list-style:none;margin:clamp(28px,3vw,40px) auto 0;padding:0;
  max-width:640px;
  border-top:1px solid rgba(31,27,22,.14);
}
.yn-hinlist__item{
  position:relative;
  padding:clamp(15px,1.6vw,19px) 4px clamp(15px,1.6vw,19px) 34px;
  border-bottom:1px solid rgba(31,27,22,.14);
  font-family:var(--serif);font-weight:500;
  font-size:clamp(15px,1.5vw,17px);letter-spacing:.14em;line-height:1.85;
  color:var(--mute);
}
/* 菱形（45度に倒した正方形の枠線）。金の細線は装飾なので文字色とは別でよい */
.yn-hinlist__item::before{
  content:"";position:absolute;left:9px;top:50%;
  width:7px;height:7px;margin-top:-3.5px;
  border:1px solid #b08d52;transform:rotate(45deg);
}
@media(max-width:600px){
  .yn-hinlist__item{letter-spacing:.1em;padding-left:28px;}
  .yn-hinlist__item::before{left:6px;}
}
.yn-alt__price{font-family:var(--serif);font-style:normal;font-weight:500;font-size:20px;letter-spacing:.02em;color:var(--gold-hi);margin:0 0 14px;}
.yn-alt__menu{font-family:var(--serif);font-size:12.5px;line-height:2;letter-spacing:.08em;color:var(--caption);}

/* ── Options table ── */
.yn-options__table{width:100%;border-collapse:collapse;}
.yn-options__table th,.yn-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);}
.yn-options__table th{color:var(--gold);font-weight:400;white-space:nowrap;width:200px;}
.yn-options__table td{color:var(--mute);}
.yn-options__table td:last-child{text-align:right;font-family:var(--en-body);font-style:italic;color:var(--gold-hi);white-space:nowrap;}
.yn-options__table tr:first-child th,.yn-options__table tr:first-child td{border-top:.5px solid rgba(184,147,90,.35);}
.yn-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;}

/* ── Responsive ── */
@media(max-width:767px){
  .yn-plan{padding:clamp(28px,6vw,40px) clamp(20px,4vw,32px);}
  .yn-hin__grid{grid-template-columns:1fr;}
  .yn-products__grid{grid-template-columns:1fr;}
}