@charset "utf-8";
/* ==========================================================================
   パレスホテル大宮 ウエディングサイト（確認用 2）
   寸法の正：パレスホテル東京 ウエディングサイトの実測値
   　PC＝幅1440で計測／スマホ＝幅390で計測。分岐は 768px / 769px。
   ※数値を変えるときは _src/実測メモ.md（東京の実測）を必ず確認すること。
   ========================================================================== */

:root{
  --ink:#000000;              /* 文字・罫線の基本色（2026-09-24 先方ご指示：東京は灰色だが大宮は黒） */
  --gold:#8B734A;             /* 差し色（ボタン） */
  --mincho:"Yu Mincho",YuMincho,"游明朝","游明朝体","Hiragino Mincho ProN","Noto Serif JP",serif;
  --gothic:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"Yu Gothic","游ゴシック","Hiragino Sans","Noto Sans JP",sans-serif;
  --serif2:"Noto Serif JP","Yu Mincho",YuMincho,serif;  /* 東京 /concept 系で使う明朝 */
  --sans2:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,sans-serif;  /* 東京 /concept・/cuisine・/anniversary のパンくず・関連リンク */
  --cw:1152px;                /* 本文コンテナ */
  --ww:1400px;                /* 広いコンテナ（カード列） */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--gothic);
     font-size:14px;line-height:22px;font-weight:400}
img{display:block;max-width:100%;height:auto;border:0}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
p,h1,h2,h3,h4,figure,dl,dd{margin:0}
h1,h2,h3,h4{font-size:inherit;font-weight:400}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

/* ============================= ヘッダー ============================= */
/* 東京と同じ挙動：帯は画面に固定し、300pxほど送ると消えて三本線だけ残る。
   header 自身が90pxぶんの場所を確保するので、本文は下にずれない。 */
.hd{position:relative;height:90px;z-index:100001;background:#fff}
.hd__in{position:fixed;top:0;left:0;width:100%;
        display:flex;justify-content:space-between;align-items:flex-start;
        height:90px;background:#fff;
        transition:opacity .4s ease,transform .4s ease,visibility .4s}
.hd.is-away .hd__in{opacity:0;visibility:hidden;transform:translateY(-30px)}
.hd__logo{flex:0 0 auto;height:90px;padding-left:32px;display:flex;align-items:center}
.hd__logo a{display:flex;align-items:center;height:90px}
.hd__logo img{width:271px;height:11px}
.hd__fair{width:180px;flex:0 0 180px;margin-right:150px}
.hd__fair a{display:block;margin-top:20px;padding:15px 0;
            box-shadow:inset 0 0 0 1px #e0dcd4;
            font-family:var(--mincho);font-size:13px;line-height:23px;text-align:center}
.hd__menu{position:fixed;top:0;right:0;width:90px;height:90px;background:#fff;
          display:flex;align-items:center;justify-content:center}
.hd__menu i{display:block;width:50px;height:1px;background:var(--ink);position:relative}
.hd__menu i::before,.hd__menu i::after{content:"";position:absolute;left:0;
            width:50px;height:1px;background:var(--ink)}
.hd__menu i::before{top:-8px}
.hd__menu i::after{top:8px}

/* ===== ハンバーガーの中身（東京は右から出る幅480pxの引き出し・地色#F5F5F5）===== */
.mn{position:fixed;top:0;right:0;width:480px;height:100%;overflow-y:auto;
    background:#f5f5f5;z-index:100000;padding:90px 40px 40px}
.mn[hidden]{display:none}
.mn__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.mn__list li+li{margin-top:22px}
.mn__list a{display:block}
.mn__jp{display:block;font-family:var(--mincho);font-size:16px;line-height:24px}
.mn__en{display:block;font-size:11px;line-height:16px;margin-top:2px;color:#8a8a8a}
.mn__list--center{margin-top:22px;text-align:center}
.mn__fair{display:flex;align-items:center;justify-content:center;
          width:400px;height:56px;margin:36px auto 0;background:#fff;
          border:1px solid var(--ink);font-size:14px}
.mn__tel{display:flex;align-items:flex-start;gap:24px;margin-top:28px}
.mn__tel a{font-size:20px;line-height:28px;font-weight:700}
.mn__tel p{font-size:12px;line-height:20px}
.mn__sub{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:26px}
.mn__sub a{position:relative;padding-left:14px;font-size:12px;line-height:20px}
.mn__sub a::before{content:"";position:absolute;left:0;top:7px;
                   border-left:5px solid var(--ink);border-top:3px solid transparent;
                   border-bottom:3px solid transparent}
/* 開いているあいだは三本線を「閉じる」に変える */
.hd.is-open .hd__menu{z-index:100001}
.hd.is-open .hd__menu i{background:transparent}
.hd.is-open .hd__menu i::before{top:0;transform:rotate(45deg)}
.hd.is-open .hd__menu i::after{top:0;transform:rotate(-45deg)}
.hd__menu i::before,.hd__menu i::after{transition:transform .25s,top .25s}

/* ============================= 本体の骨 ============================= */
.bd{display:block;padding-bottom:var(--fgp,0px)}   /* フッター前の余白は配置表から */

/* 全幅の写真帯（ページ先頭） */
.hero{width:100%;height:285px;overflow:hidden}
.hero--top{height:696px}          /* トップだけ大きい（東京と同じ696px） */
.hero.hero--top img{height:688px}   /* 東京の写真は688px（枠は696px）。.hero img より後ろの指定に負けないよう強めに */
.hero img{width:100%;height:100%;object-fit:cover}

/* パンくず */
.bc{margin-top:20px;padding:3px 14px}
.bc ul{display:flex;align-items:center;font-size:12px;line-height:22px}
.bc--wide ul,.bc--rep ul,.bc--mem ul{display:block}   /* 幅広のパンくずは、東京は1行の文字（項目ごとの箱ではない） */
.bc--wide li,.bc--rep li,.bc--mem li{display:inline}
.bc li+li::before{content:">";margin:0 6px}   /* 東京：2項目目の文字は x105 */
.bc--wide li+li::before{margin:0;content:"\00a0>\00a0\0020"}   /* 幅広のパンくず：東京は「トップページ >  題」（区切りの前後に空き。2026-09-23 字の位置で照合） */

/* ページ見出し（和文＋区切り線＋欧文） */
.ttl{margin-top:50px;text-align:center;position:relative;z-index:2}
.ttl--sec{margin-top:100px}
/* 東京は見出しの箱の高さがページごとに31/35/37と揺れている（CMSのくせ）。
   いちばん多い31px（和5＋間10＋線1＋間10＋欧5）に統一する。 */
.ttl__jp{display:block;font-family:var(--mincho);font-size:var(--fsj,18px);line-height:var(--lhj,5px)}   /* /access は20px */   /* 東京：5px。/ceremony は7px */
.ttl__line{display:block;width:40px;height:1px;margin:10px auto;background:transparent}
.ttl__en{display:block;font-size:12px;line-height:var(--lhe,5px)}

/* リード文（中央寄せの帯） */
.lead{width:var(--cw);margin:50px auto 0;padding:18px 15px 15px;text-align:center}   /* 東京：題の字が+18、本文が+78 */
.lead p{font-size:14px;line-height:22px;margin-bottom:5px}
.lead p.lead__mincho{font-family:var(--mincho);font-size:18px;line-height:23px}
.lead p:last-child{margin-bottom:0}
.lead__gap{height:30px}

/* ============================= 会場ブロック ============================= */
.vn{display:flex;align-items:flex-start;margin-top:100px}
.vn--rev{flex-direction:row-reverse}
.vn__ph{width:720px;flex:0 0 720px}
.vn__main{width:720px;height:390px;overflow:hidden}
.vn__main img{width:100%;height:100%;object-fit:cover}
.vn__thumbs{display:flex;gap:15px;margin-top:12px}
.vn__thumbs figure{width:230px;height:230px;overflow:hidden}
.vn__thumbs img{width:100%;height:100%;object-fit:cover}
.vn__tx{width:720px;flex:0 0 720px;padding:15px 0 0 115px}
.vn__name{font-family:var(--mincho);font-size:18px;line-height:23px}
.vn__en{font-size:12px;line-height:16px;margin-top:7px}
.vn__lead{font-family:var(--mincho);font-size:16px;line-height:21px;margin-top:26px;
          max-width:546px}
.vn__body{margin-top:52px;max-width:546px}
.vn__body p{font-size:14px;line-height:22px;margin-bottom:5px}
.vn__spec{margin-top:24px;max-width:546px}
.vn__spec p{font-size:14px;line-height:22px;margin-bottom:5px}
.vn__spec b{font-weight:700}

/* ============================= ボタン ============================= */
.btn{display:flex;align-items:center;justify-content:center;
     font-size:14px;line-height:14px;text-align:center}
.btn--line{width:230px;height:56px;border:1px solid var(--ink);background:#fff}
.btn--gold{width:230px;height:56px;background:var(--gold);color:#fff}
.vn__tx .btn--line{margin-top:30px}
.vn__tx .btn--gold{margin-top:24px}
.btn--wide{width:300px;height:56px;border:1px solid #000;background:#fff;
           margin:50px auto 0}

/* ============================= カード列 ============================= */
.cards{display:flex;justify-content:center;gap:20px;width:var(--ww);margin:50px auto 0}
.cards li{flex:0 0 335px;min-width:0}   /* 東京のカード単位335pxを崩さない */
.cards a{display:block;position:relative}
.cards img{width:100%;aspect-ratio:335/228;object-fit:cover}
.cards__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
              width:39%;padding:22px 0;background:rgba(255,255,255,.72);
              text-align:center}
.cards__jp{display:block;font-family:var(--mincho);font-size:20px;line-height:28px}
.cards__en{display:block;font-size:12px;line-height:18px}

/* ===== 会場の一覧カード（東京 /banquet の先頭）=====
   1枚331px・写真は正方形・説明枠130px。端14px・カード間29px。 */
.vcards{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:50px 29px;
        padding:0 14px;margin-top:50px}
.vcards li{width:331px}
.vcards img{width:100%;aspect-ratio:1/1;object-fit:cover}
.vcards__cap{display:block;height:130px;box-sizing:border-box;padding:15px 15px 0}
.vcards__jp{display:block;font-family:var(--mincho);font-size:18px;line-height:23px}
.vcards__row{display:flex;align-items:baseline;gap:14px}
.vcards__meta{font-size:12px;line-height:16px}
.vcards__desc{display:block;margin-top:26px;font-size:14px;line-height:27px}

/* ===== 会場ブロック（東京 /banquet 型：全高の写真＋文章＋ボタン1つ）===== */
.vb{display:flex;align-items:flex-start;margin-top:100px}
.vb--rev{flex-direction:row-reverse}
.vb__ph{width:720px;flex:0 0 720px}
.vb__ph img{width:100%;aspect-ratio:720/490;object-fit:cover}
.vb__tx{width:720px;flex:0 0 720px;padding:50px 0 0 115px}
.vb__body{max-width:510px;padding:15px 0}
.vb__name{font-family:var(--mincho);font-size:18px;line-height:23px}
.vb__en{font-size:12px;line-height:16px;margin-top:7px}
.vb__meta{font-size:14px;line-height:22px;margin-top:26px}
.vb__text{margin-top:26px}
.vb__text p{font-size:14px;line-height:22px;margin-bottom:5px}
.vb__lead{font-family:var(--mincho);font-size:16px;line-height:21px;max-width:510px}
.vb__spec{font-size:12px;line-height:16px}
.vb__spec b{font-weight:700;margin-right:12px}   /* 東京は項目名が太字 */
.vb__btn{margin-top:30px}

/* ===== 提携店の並び（依頼No.280：4社をきれいに並べる）===== */
.shops{width:var(--cw);margin:30px auto 0;padding:0 15px}
.shops__ttl{font-size:12px;line-height:16px;margin-bottom:10px}
.shops ul{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.shops li{display:flex;align-items:center;justify-content:center;min-height:56px;
          padding:10px;border:1px solid #ded7c9;font-size:14px;line-height:22px;
          text-align:center}

/* ===== よくあるご質問（開閉式）===== */
.faq{width:var(--cw);margin:50px auto 0;padding:0 15px}
.faq__it{border-top:1px solid #e5e1d8}
.faq__it:last-child{border-bottom:1px solid #e5e1d8}
.faq__it summary{position:relative;padding:14px 44px 14px 0;font-size:14px;line-height:22px;
                 cursor:pointer;list-style:none}
.faq__it summary::-webkit-details-marker{display:none}
.faq__it summary::after{content:"";position:absolute;right:14px;top:50%;width:12px;height:1px;
                        background:var(--ink)}
.faq__it summary::before{content:"";position:absolute;right:19px;top:50%;width:1px;height:12px;
                         margin-top:-6px;background:var(--ink);transition:opacity .2s}
.faq__it[open] summary::before{opacity:0}
.faq__a{padding:0 44px 22px 0;font-size:14px;line-height:22px;color:#555}

/* ===== 住所などの一覧 ===== */
.info{width:var(--cw);margin:50px auto 0;padding:0 15px;
      display:grid;grid-template-columns:140px 1fr}
.info dt{padding:14px 0;border-top:1px solid #e5e1d8;font-size:12px;line-height:22px}
.info dd{padding:14px 0;border-top:1px solid #e5e1d8;font-size:14px;line-height:22px}

/* ===== 写真だけを並べる ===== */
.pgrid{display:grid;gap:20px;width:var(--ww);margin:50px auto 0}
.pgrid--4{grid-template-columns:repeat(4,1fr)}
.pgrid--3{grid-template-columns:repeat(3,1fr)}
.pgrid img{width:100%;aspect-ratio:335/228;object-fit:cover}

/* ==========================================================================
   「1泊2日STAYWEDDING」専用（東京 /hotelexperience の実測どおり）
   ========================================================================== */

/* 黒地の導入：写真1152×947 ＋ IN THE HOTEL ＋ 目次 ＋ リード */
.intro{margin:60px 0 80px;padding-bottom:0;background:#222;color:#fff}
.intro__img{width:var(--cw);margin:0 auto}
.intro__img img{width:100%;aspect-ratio:1152/947;object-fit:cover}
.intro__in{display:flex;width:var(--cw);margin:0 auto;padding:80px 24px}
.intro__toc{flex:0 0 331px}
.intro__toc h3{font-family:var(--mincho);font-size:22px;line-height:26px;margin-bottom:30px}
.intro__toc li{padding-left:14px;margin-bottom:10px;line-height:26px}
.intro__toc a{font-family:var(--mincho);font-size:14px}
.intro__tx{flex:1 1 auto}
.intro__lead{font-family:var(--mincho);font-size:18px;line-height:26px;margin-bottom:55px}
.intro__body p{font-family:var(--mincho);font-size:14px;line-height:24px}

/* 章：筆記体の番号＋見出し（東京は画像。ここは同じ書体 Italianno で組む） */
.nsec{position:relative;margin:60px 0 80px;padding-bottom:80px;overflow:hidden}
.nsec--gray{background:#ededed}
.nsec__num{margin-top:-60px;text-align:center}
.nsec__num span{display:block;font-family:Italianno,var(--mincho),cursive;
                font-size:140px;line-height:150px;color:var(--ink)}
.nsec__num h3{font-family:var(--mincho);font-size:18.72px;line-height:30px}
.nsec__lead{margin-top:30px;font-size:14px;line-height:24px;text-align:center}

/* 章1：中央の柱＋左右に散らした写真 */
.cllg{position:static;margin-top:40px;min-height:930px}
.cllg__mid{position:relative;z-index:2;width:560px;margin:0 auto}
.cllg__movie{margin-bottom:60px}
.cllg__movie img{width:560px;height:323px;object-fit:cover}
.cllg__tx p{font-size:14px;line-height:24px}
/* 散らし写真は「章の左上」を原点にする（東京の実測座標をそのまま書けるように） */
.cllg__scatter{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}
.cllg__p{position:absolute;left:var(--pl);top:var(--pt);padding:10px;background:#fff}
.cllg__p--yoko{width:236px;height:182px}
.cllg__p--tate{width:176px;height:227px}
.cllg__p img{width:100%;height:100%;object-fit:cover}

/* 縦書きの小見出し */
.tate{writing-mode:vertical-rl;font-family:var(--mincho);font-size:18px;line-height:24px;
      margin:0 auto 48px}

/* 章2：写真とテキストの市松 */
.chk{width:1094px;margin:139px auto 0}   /* 東京PC：1行目は章の上端から229 */
.chk__it{display:flex;margin-bottom:30px}
.chk__img{flex:0 0 535px}
.chk__img img{width:535px;height:356px;object-fit:cover}
.chk__tx{flex:0 0 547px;display:flex;flex-direction:column;justify-content:space-between;
         padding:48px;background:#f2ede5}
.chk__it .chk__img{margin-right:12px}
.chk__it--rev{flex-direction:row-reverse}            /* 写真を右に（DOMは写真が先のまま） */
.chk__it--rev .chk__img{margin:0 0 0 12px;margin-right:0}
.chk__tx .tate{font-size:16px;margin-bottom:0;font-weight:700}   /* 東京の二日間の流れの見出しは太字 */
.chk__p{font-size:13px;line-height:24px}

/* 章3：写真3枚横並び */
.thr{display:flex;gap:12px;width:1094px;margin:60px auto 40px}
.thr__it{flex:0 0 357px}
.thr__img{overflow:hidden}
.thr__img img{width:357px;height:475px;object-fit:cover;margin-bottom:18px}
.thr__it p{padding-right:20px;font-size:13px;line-height:20px}

/* ページ末のボタン3つ */
.btn3{display:flex;gap:20px;justify-content:center;width:940px;margin:20px auto}
.btn3 a{flex:1 1 0;height:56px;display:flex;align-items:center;justify-content:center;
        border:1px solid var(--ink);background:#fff;font-size:14px}

/* ==========================================================================
   「ウエディングアイテム」専用（東京 /creators の実測どおり）
   ========================================================================== */
.bsp{display:flex;margin-top:80px}
.bsp--rev{flex-direction:row-reverse}
.bsp__img{flex:0 0 720px}
.bsp__img img{width:720px;height:480px;object-fit:cover}
.bsp__tx{flex:0 0 720px;padding-top:100px}
.bsp__body{width:468px;margin-left:65px}
.bsp--rev .bsp__body{width:504px;margin-left:216px}
.bsp__name{font-family:var(--mincho);font-size:18px;line-height:23px}
.bsp__en{font-size:12px;line-height:16px;margin-top:7px}
.bsp__p{margin-top:26px}
.bsp__p p{font-size:14px;line-height:22px;margin-bottom:5px}

/* 3列のカード。1段目は上の写真に食い込む（東京は margin-top -140px） */
.crow{display:flex;gap:25px;width:1130px;margin:0 auto}
.crow--first{margin-top:-140px;position:relative;z-index:2}
.crow--next{margin-top:25px}
.crow__it{flex:0 0 360px}
.crow__img{width:347px;margin:10px 0 0 6px;background:#fff}
.crow__img img{width:347px;height:254px;object-fit:cover}
.crow__jp{margin:12px 0 0 21px;font-family:var(--mincho);font-size:16px;line-height:24px}
.crow__en{margin:2px 0 0 21px;font-size:11px;line-height:16px;color:#8a8a8a}
.crow__btn{display:flex;align-items:center;justify-content:center;width:100px;height:45px;
           margin:10px 0 0 20px;border:1px solid var(--ink);font-size:12px}

/* ==========================================================================
   「選ばれる理由」専用（東京 /concept の実測どおり）
   ========================================================================== */
.chead{margin:10px 0 60px;text-align:center}
.chead__jp{font-family:var(--serif2);font-size:18px;line-height:26px}
.chead__en{font-size:12px;line-height:26.4px}

.csec{position:relative;z-index:0;padding-bottom:32px;margin-bottom:120px}
/* 東京は章の下半分に全幅の灰色の帯が敷いてある（section::before・上から447px〜下端） */
.csec::before{content:"";position:absolute;left:0;right:0;top:447px;bottom:0;
              background:#ededed;z-index:-1}
.csec__in{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 92px}
.csec__num{flex:0 0 163px;height:157px}
.csec__num span{font-family:Italianno,var(--serif2),cursive;font-size:110px;line-height:119px;
                display:block;text-align:center}
.csec__tw{flex:0 0 1093px;display:flex;justify-content:space-between;padding-top:20px}
.csec__ttl{flex:0 0 420px}    /* 東京は文字ぶんの幅（章ごとに360〜412）。本文の位置は右づめで変わらない */
.csec__ttl h2{font-family:var(--serif2);font-size:22px;line-height:24.2px;margin-bottom:20px}
.csec__sub{font-family:var(--serif2);font-size:18px;line-height:26px}
.csec__desc{flex:0 0 660px;margin-top:-3px}
.csec__desc p{font-size:14px;line-height:28px}
.csec__main{flex:0 0 940px;margin:40px 157px 20px}
.csec__main img{width:940px;height:528px;object-fit:cover}   /* 東京の実測 */
.csec__thumbs{flex:0 0 500px;display:flex;justify-content:space-between;margin-left:157px}
.csec__thumbs img{width:160px;height:90px;object-fit:cover}
.csec__btn{flex:0 0 298px;margin-right:157px;display:flex;align-items:flex-end}
.csec__btn a{display:flex;align-items:center;justify-content:center;width:298px;height:54px;
             border:1px solid var(--ink);background:#fff;font-size:14px}

/* ===== 東京 /cuisine ・/anniversary 型の章 ===== */
.bc--wide{width:1400px;margin:0 auto;padding:30px 10px 17px}   /* 東京 69px */
.bc--rep{padding:20px 10px 19px}          /* 東京 /report は 61px */
.wsec{margin-bottom:160px}
.wsec--gray{padding:60px 0 100px;background:#ededed}
.wsec__in{width:1256px;margin:0 auto}
.wsec__ttl{margin-bottom:30px;text-align:center}
.wsec__ttl h2{font-family:var(--serif2);font-size:22px;line-height:26.4px;margin-bottom:18px}
.wsec__ttl p{font-size:18px;font-family:var(--serif2);font-size:16px;line-height:24px}
.wsec__desc{text-align:center}
.wsec__desc p{font-size:14px;line-height:30.8px;margin-bottom:10px}
.wsec__img{margin-top:30px}
.wsec__img img{width:1256px;height:707px;object-fit:cover}

/* ===== 東京 /report 型（カテゴリ帯＋3列の一覧） ===== */
.rhead{margin:75px 0;text-align:center}
.rhead__jp{font-family:var(--mincho);font-size:22px;line-height:29px}
.rhead__en{font-size:12px;line-height:20px}
.rtop{margin-bottom:40px;text-align:center}
.rtop p{font-size:14px;line-height:22px}
.cats{margin-bottom:30px}
.cats__in{display:flex;flex-wrap:wrap;width:1150px;margin:0 auto}
.cat{display:flex;align-items:center;justify-content:center;width:180px;height:35px;
     margin:5px;padding:0 10px;font-family:var(--mincho);font-size:12px;color:#888;
     border:1px solid #ddd}
.cat.is-on{background:#888;color:#fff;border-color:#888}
.news{padding-bottom:90px}
.ngd{display:flex;flex-wrap:wrap;width:1150px;margin:0 auto}
.ngd li{width:357px;margin-right:40px;padding-bottom:40px}
.ngd li:nth-child(3n){margin-right:0}
.ngd__img img{width:357px;height:238px;object-fit:cover}
.ngd__desc{min-height:21px;margin-top:20px;font-size:13px;line-height:21px}
.ngd__tags{margin-top:47px;font-size:12px;line-height:16px}
.ngd__tags span{display:inline-block;border:1px solid #ccc;padding:1px 8px;margin-right:6px}
.ngd__ttl{margin-top:2px;font-family:var(--mincho);font-size:16px;line-height:26px}

/* ===== トップの章（東京 / の実測） ===== */
.tsec{display:flex;align-items:flex-start;margin-top:100px}
.tsec--rev{flex-direction:row-reverse}
.tsec__ph{flex:0 0 720px}
.tsec__ph img{width:720px;height:490px;object-fit:cover}
.tsec__tx{flex:0 0 720px;padding:50px 0 0 100px}
.tsec__en{width:432px;font-size:12px;line-height:16px}
.tsec__jp{width:432px;margin-top:14px;font-family:var(--mincho);font-size:24px;line-height:37px}
.tsec__p{width:504px;margin-top:25px}
.tsec__p p{font-size:14px;line-height:24px}
.tsec__btn{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
           margin:50px 0 0 5px;border:1px solid var(--ink);background:#fff;font-size:14px}

/* 提携先の一覧（東京 /creators と同じ枠付きカード347×254・3列・幅1130） */
.scd{display:flex;flex-wrap:wrap;gap:25px;width:1130px;margin:0 auto}
.scd--first{margin-top:-140px;position:relative;z-index:2}
.scd__it{flex:0 0 360px}
.scd__box{width:347px;min-height:254px;margin-left:6px;padding:24px;
          background:#fff;border:1px solid #ded7c9}
.scd__name{font-family:var(--mincho);font-size:16px;line-height:24px;margin-bottom:12px}
.scd__txt{font-size:13px;line-height:24px}


/* ============================= フッター ============================= */
.ft{background:#222;color:#fff;display:flex;flex-direction:column;height:802px;box-sizing:border-box}   /* 東京：箱768＋著作権表示のはみ出し34 */
.ft__cta{width:1300px;margin:100px auto 0;padding:25px 50px;background:#000;
         display:flex;align-items:center}
.ft__cta-ttl{flex:0 0 269px;padding:5px 0 10px 10px;font-family:var(--mincho);
             font-size:18px;line-height:28px}
.ft__cta-ttl span{display:block;font-size:12px;line-height:18px}
.ft__cta-c{flex:0 0 701px;padding:5px 10px 10px 0}
.ft__tel{font-size:14px;line-height:22px}
.ft__tel b{font-size:22px;line-height:30px;font-weight:700}
.ft__hours{font-size:14px;line-height:22px}
.ft__cta-r{flex:0 0 230px;height:70px;background:#fff;color:var(--ink);
           display:flex;align-items:center;justify-content:center;font-size:14px}
.ft__lower{display:flex;min-height:450px}   /* 東京のフッター下段と同じ高さ */
.ft__lower-l{width:360px;flex:0 0 360px;text-align:right;padding-right:50px}
.ft__sitemap{font-family:var(--mincho);font-size:18px;line-height:23px;margin-top:70px}
.ft__sitemap span{display:block;font-size:12px;line-height:16px;margin-top:11px}
.ft__lower-r{flex:1 1 auto;display:flex;padding-left:50px}
.ft__list{margin-top:70px}
.ft__list--a{flex:0 0 258px}
.ft__list--b{flex:0 0 309px}
.ft__list li+li{margin-top:20px}
.ft__list a{display:inline-block;line-height:22px;font-size:14px;white-space:nowrap}
/* 東京にならい、サイトマップは和文のみ（英字の見出しは付けない） */
.ft__info{flex:1 1 auto;min-width:0;margin-top:70px}
.ft__info-btns{display:flex;flex-direction:column;gap:26px}
.ft__info-btns a{width:100%;height:56px;border:1px solid #6a6a6a;
                 display:flex;align-items:center;justify-content:center;font-size:13px}
.ft__hall{margin-top:22px;font-size:13px;line-height:24px}
.ft__hall strong{display:block;font-family:var(--mincho);font-size:16px;
                 font-weight:400;margin-bottom:8px}
.ft__cpr{margin-top:50px;padding:29px 0;background:#222;text-align:center;
         font-size:12px;line-height:22px;border:1px solid #3b3b3b}   /* 東京PC：四辺に1pxの線（#3b3b3b）。高さ82は同じ */
/* フッターの SNS（2026-09-23 ご指摘「パレス東京のようにインスタの導線を」・9/24 Facebook・YouTube を追加）
   東京PC：2列目のいちばん下（列の上端から387px）に 18px の白いアイコン。複数なら 39px おき */
.ft__list--b{position:relative}
.ft__list--b .ft__sns{position:absolute;left:0;top:387px;margin:0;display:flex;gap:21px}
.ft__sns a{display:block;width:18px;height:18px;color:#fff;line-height:0}
.ft__sns svg,.ft__sp-sns svg{display:block}
/* メニューの SNS（東京：PCは小リンクの行の45px下・x1000 に 20px の #222。スマホは下の黒い帯の中、会員クラブの48px下に #ccc） */
.mn__sns{display:flex;gap:24px;height:20px;margin-top:43px}   /* 小リンクの行の箱（18px）の下から43px＝東京 y717 */
.mn__sns a,.mn__low-sns a{display:block;width:20px;height:20px;color:#000;line-height:0}
.mn__sns svg,.mn__low-sns svg{display:block;width:20px;height:20px}
.mn__low-sns{display:none}
@media screen and (max-width:768px){
  .mn__sns{display:none}
  .mn__low-club.mn__low-club{margin-bottom:48px}
  .mn__low-sns{display:flex;justify-content:center;gap:24px;height:20px;margin:0 0 32px}   /* 複数ならPCのメニューと同じ24pxおき */
  .mn__low-sns a{color:#ccc}
}
.ft__sp{display:none}   /* スマホ専用のフッター（東京はPCと作りが別） */

/* ==========================================================================
   スマホ（768px以下）
   ========================================================================== */
@media screen and (max-width:768px){
  body{font-size:12px;line-height:20px}

  .hd{height:75px}
  .hd__in{height:75px;align-items:center}
  .hd__logo{height:75px;padding-left:22px}
  .hd__logo a{height:75px}
  .hd__logo img{width:197px;height:8px}
  .hd__fair{width:80px;flex:0 0 80px;margin-right:75px}
  .hd__fair a{margin-top:0;padding:6px 0;font-size:12px;line-height:22px}
  .hd__menu{width:75px;height:75px}
  .hd__menu i,.hd__menu i::before,.hd__menu i::after{width:28px}
  .hd__menu i::before{top:-7px}
  .hd__menu i::after{top:7px}

  /* スマホの引き出しは画面いっぱい・1列 */
  .mn{width:100%;padding:75px 24px 40px}
  .mn__cols{grid-template-columns:1fr}
  .mn__list li+li{margin-top:18px}
  .mn__jp{font-size:15px;line-height:22px}
  .mn__list:last-child{margin-top:18px}
  .mn__fair{width:100%;height:48px}
  .mn__tel{display:block}
  .mn__tel p{margin-top:4px}

  .bd{padding:0 15px}
  .hero{width:auto;height:auto;margin:0 -15px}
  .hero.hero--top img{height:auto;aspect-ratio:390/643}   /* スマホのトップは東京と同じ643px相当 */
  .hero img{aspect-ratio:1/1}

  .bc{margin:10px -15px 0}

  .ttl{margin-top:40px;text-align:left}
  .ttl--sec{margin-top:70px;text-align:center}
  .ttl--sec .ttl__line{margin:10px auto}
  .ttl__jp{font-size:var(--fsjs,20px)}
  .ttl__line{margin:10px 0}

  .lead{width:auto;margin-top:20px;padding:15px 0}

  .vn{display:block;margin-top:70px}
  .vn__ph,.vn__tx{width:auto;flex:none}
  .vn__main{width:auto;height:auto}
  .vn__main img{aspect-ratio:1/1}
  .vn__thumbs{flex-wrap:wrap;gap:10px 14px;margin-top:10px}
  .vn__thumbs figure{width:173px;height:173px}
  .vn__tx{margin-top:30px;padding:10px 0 0}
  .vn__lead,.vn__body,.vn__spec{max-width:none}
  .vn__body{margin-top:26px}
  .vn__tx .btn--line,.vn__tx .btn--gold{width:274px;height:45px;margin-left:auto;
                                        margin-right:auto;font-size:12px}
  .vn__tx .btn--line{margin-top:10px}
  .vn__tx .btn--gold{margin-top:30px}
  .btn--wide{width:274px;height:45px;font-size:12px;margin-top:30px}

  .cards{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:auto;
         margin-top:30px}
  /* 2列の最後に1枚だけ残るとき（ほかの挙式会場1枚・3枚の一覧）は中央に置く（依頼No.104/105/137・ご指摘「左寄りで不自然」）。
     東京はスマホでも4枚＝2×2で、半端な段が出ない */
  .cards li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}
  .cards img{aspect-ratio:173/113}
  .cards__label{width:80%;padding:8px 0}
  .cards__jp{font-size:14px;line-height:20px}
  .cards__en{font-size:10px;line-height:14px}

  /* 東京はスマホで「会場の目次」を出さない（すぐ下に会場ブロックが続くため）。
     中身が重複しないカード（レポート・衣裳・技法など）はスマホでも2列で出す。 */
  .vcards--index{display:none}
  .vcards{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px;padding:0;margin-top:30px}
  .vcards li{width:auto}
  .vcards__cap{min-height:0;padding:10px 0}
  .vcards__jp{font-size:14px;line-height:20px}
  .vcards__meta{font-size:10px;line-height:14px}
  .vcards__desc{font-size:12px;line-height:18px;margin-top:6px}
  .faq,.info{width:auto;margin-top:30px;padding:0}
  .faq__it summary{padding:18px 40px 18px 0;font-size:13px}
  .faq__a{padding:0 40px 18px 0;font-size:12px}
  .info{grid-template-columns:1fr}
  .info dt{padding:12px 0 0;border-top:1px solid #e5e1d8}
  .info dd{padding:2px 0 12px;border-top:0}
  .pgrid{width:auto;gap:10px;margin-top:30px}
  .pgrid--4,.pgrid--3{grid-template-columns:1fr 1fr}
  .shops{width:auto;padding:0}
  .shops ul{grid-template-columns:1fr 1fr}
  .shops li{font-size:12px;min-height:48px}

  .vb{display:block;margin-top:70px}
  .vb__ph,.vb__tx{width:auto;flex:none}
  .vb__ph img{aspect-ratio:360/245}
  .vb__tx{padding:0;margin-top:10px}
  .vb__body{max-width:none;padding:15px 0}
  .vb__btn{width:281px;height:45px;margin:10px auto 0;font-size:12px}
  .vb__text p:nth-child(n+5){display:none}          /* 東京SPの本文は最大4行 */
  .vb__meta{margin-top:12px}
  .vb__text{margin-top:12px}
  .vb__body{padding:10px 0}
  /* 東京の2番目の会場（高さ639）は文章が短い。同じ量に抑える */
  .vn__spec p:nth-child(n+3){display:none}
  .vn--spec1 .vn__spec p:nth-child(n+2){display:none}   /* 東京が1行の会場（神殿）はスマホも1行 */
  .tbd__p{padding:2px 0}
  .acc__info{min-height:0;padding:4px 0}   /* 住所は2行。最低高さを取ると下が空きすぎる */
  .acc__info p{line-height:16px;font-size:11px}
  .acc__nm{font-size:16px;line-height:24px;margin-bottom:4px}
  .acc__info p:nth-child(3){display:none}   /* 東京のスマホは会場名＋住所のみ */

  /* ===== 宿泊ページ（スマホ） ===== */
  .intro{margin:40px -15px 60px}
  .intro__img,.intro__in{width:auto}
  .intro__in{display:block;padding:40px 24px}
  .intro__toc h3{font-size:18px;line-height:24px;margin-bottom:20px}
  .intro__tx{margin-top:30px}
  .intro__lead{font-size:16px;line-height:24px;margin-bottom:24px}
  .intro__body p{font-size:13px;line-height:22px}
  .nsec{margin:40px -15px 60px;padding:0 15px 50px}
  .nsec--gray{padding-top:1px}
  .nsec__num{margin-top:-40px}
  .nsec__num span{font-size:96px;line-height:104px}
  .nsec__num h3{font-size:16px}
  .nsec__lead{font-size:13px;line-height:22px;text-align:left}
  .cllg{min-height:0;margin-top:39px}   /* 東京SP：写真は章の上端から130 */
  .cllg__mid{width:auto;padding:0 5px}      /* 東京SPは左右20px（写真350・本文343） */
  .cllg__movie{margin-bottom:48px}      /* 東京SP：縦書きは章の上端から375 */
  .cllg__movie img{width:100%;height:auto;aspect-ratio:350/197}   /* 東京SP 350x197 */
  .cllg__tx p{font-size:13px;line-height:22px}
  /* 東京のスマホも同じ10枚を散らす（白フチ6px・写真195x146／146x195）。
     座標は build.py が --sl／--st に書いた東京の実測（章の上端から） */
  .cllg__scatter{position:absolute;left:0;right:0;top:0;bottom:0;display:block}
  .cllg__p{position:absolute;left:var(--sl);top:var(--st);padding:6px}
  .cllg__p--yoko{width:207px;height:158px}
  .cllg__p--tate{width:158px;height:207px}
  .cllg__p img{width:100%;height:100%;aspect-ratio:auto}
  .chk{width:auto;margin-top:109px}     /* 東京SP：1行目の写真は章の上端から277 */
  .chk{padding:0 5px}                                  /* 東京SPは左右20px（写真・箱とも350） */
  .chk__it{display:block;margin-bottom:30px}           /* 東京SP：箱の下から次の写真まで30 */
  .chk__img,.chk__tx{flex:none}
  .chk__img img{width:100%;height:auto;aspect-ratio:350/233;display:block}   /* 東京SP 350x233 */
  .chk__it .chk__img,.chk__it--rev .chk__img{margin:0}
  .chk__tx{display:block;padding:28px 18px 32px}       /* 東京SP：縦書きは箱の上から28・本文は左右18 */
  .chk__tx .tate{writing-mode:horizontal-tb;font-size:15px;margin:0 0 12px}
  .chk__p{font-size:12px;line-height:22px}
  .thr{display:grid;grid-template-columns:1fr;gap:20px;width:auto;margin:30px 0 20px}
  .thr__it{flex:none}
  .thr__img img{width:100%;height:auto;aspect-ratio:357/475;margin-bottom:12px}
  .thr__it p{padding:0;font-size:12px}
  .tate{writing-mode:horizontal-tb;margin-bottom:20px;font-size:16px;text-align:center}
  .btn3{display:grid;grid-template-columns:1fr;gap:12px;width:auto;margin:20px 0}
  .btn3 a{height:48px;font-size:12px}

  /* アイテムページ（スマホ） */
  .bsp{display:block;margin-top:70px}
  .bsp__img,.bsp__tx{flex:none}
  .bsp__img img{width:100%;height:auto;aspect-ratio:720/480}
  .bsp__tx{padding-top:24px}
  .bsp__body,.bsp--rev .bsp__body{width:auto;margin:0}
  .crow,.crow--first,.crow--next{display:grid;grid-template-columns:1fr 1fr;
       gap:20px 14px;width:auto;margin-top:24px;position:static}
  .crow__it{flex:none}
  .crow__img{width:auto;margin:0}
  .crow__img img{width:100%;height:auto;aspect-ratio:347/254}
  .crow__jp{margin:8px 0 0;font-size:14px}
  .crow__en{margin:2px 0 0}
  .crow__btn{width:100%;height:40px;margin:8px 0 0}

  /* 選ばれる理由（スマホ） */
  .chead{margin:10px 0 30px}
  .csec{padding-bottom:20px;margin-bottom:60px}
  .csec::before{top:200px;left:-15px;right:-15px}
  .csec__in{display:block;padding:0}
  .csec__num{height:auto}
  .csec__num span{font-size:72px;line-height:80px;text-align:left}
  .csec__tw{display:block;padding-top:8px}
  .csec__ttl h2{font-size:18px;line-height:26px;margin-bottom:12px}
  .csec__sub{font-size:15px;line-height:24px}
  .csec__desc{margin-top:16px}
  .csec__desc p{font-size:13px;line-height:24px}
  .csec__main{margin:20px 0 10px}
  .csec__main img{width:100%;height:auto;aspect-ratio:942/530}
  .csec__thumbs{margin:0}
  .csec__thumbs img{width:32%;height:auto;aspect-ratio:160/90}
  .csec__btn{margin:16px 0 0}
  .csec__btn a{width:100%;height:48px;font-size:12px}

  .bc--wide{width:auto;margin-right:-5px;padding:16px 0 10px}   /* 東京SP：箱は x10 幅370 */
  .wsec{margin-bottom:70px}
  .wsec--gray{padding:30px 15px 50px;margin-left:-15px;margin-right:-15px}
  .wsec__in{width:auto}
  .wsec__ttl{margin-bottom:20px}
  .wsec__ttl h2{font-size:18px;line-height:26px;margin-bottom:10px}
  .wsec__ttl p{font-size:14px;line-height:22px}
  .wsec__desc p{font-size:13px;line-height:24px}
  .wsec__img img{width:100%;height:auto;aspect-ratio:1256/707}

  .rhead{margin:40px 0}
  .rhead__jp{font-size:18px;line-height:26px}
  .cats__in,.ngd{width:auto}
  .cat{width:calc(25% - 10px);font-size:10px;padding:0 4px}
  .news{padding-bottom:40px}
  .ngd{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}
  .ngd li{width:auto;margin:0;padding:0}
  .ngd li:nth-child(3n){margin:0}
  .ngd__img img{width:100%;height:auto;aspect-ratio:357/238}
  .ngd__ttl{font-size:14px;line-height:20px}

  .tsec{display:block;margin-top:70px}
  .tsec__ph,.tsec__tx{flex:none}
  .tsec__ph img{width:100%;height:auto;aspect-ratio:720/490}
  .tsec__tx{padding:24px 0 0}
  .tsec__en,.tsec__jp,.tsec__p{width:auto}
  .tsec__jp{font-size:20px;line-height:30px}
  .tsec__p p{font-size:13px;line-height:22px}
  .tsec__btn{width:274px;height:45px;margin:24px auto 0;font-size:12px}

  .scd,.scd--first{display:grid;grid-template-columns:1fr;gap:12px;width:auto;
       margin-top:24px;position:static}
  .scd__it{flex:none}
  .scd__box{width:auto;min-height:0;margin:0;padding:18px}


  .ft__cta{width:auto;margin:60px 15px 0;padding:20px;display:block}
  .ft__cta-ttl,.ft__cta-c{padding:0}
  .ft__cta-c{margin-top:8px}
  .ft__cta-r{height:56px;margin-top:16px}
  .ft__lower{display:block;margin-top:50px;padding:0 15px}
  .ft__lower-l{width:auto;flex:none;text-align:left;padding:0}
  .ft__sitemap{margin-top:0}
  .ft__lower-r{display:block;padding:0}
  .ft__list,.ft__info{width:auto;margin-top:24px}
  .ft__info-btns a{width:100%}
  /* ===== スマホのフッター：東京にならい、サイトマップは出さず縦積み（内側310px） ===== */
  .ft__cta,.ft__lower,.ft__cpr{display:none}
  .ft__sp{display:block;padding:40px 40px 20px;background:#222;text-align:center}
  .ft__sp-btns{margin-bottom:30px}
  .ft__sp-fair{display:flex;align-items:center;justify-content:center;
               height:44px;background:#fff;color:var(--ink);font-size:13px}
  .ft__sp-tel{margin:12px 0 8px;font-size:12px;line-height:20px;color:#fff}
  .ft__sp-tel a{font-size:20px;line-height:28px;font-weight:700}
  .ft__sp-tel span{display:block;font-size:11px;line-height:16px}
  .ft__sp-hours{margin:0 0 42px;font-size:12px;line-height:20px;color:#fff}
  .ft__sp-link{display:flex;align-items:center;justify-content:center;
               height:44px;border:1px solid #6a6a6a;color:#fff;font-size:12px}
  .ft__sp-link+.ft__sp-link{margin-top:20px}
  .ft__sp-some{margin-bottom:30px}
  .ft__sp-some li{height:30px;display:flex;align-items:center;justify-content:center}
  .ft__sp-some a{font-size:12px;color:#ccc}
  .ft__sp-hall{margin-bottom:30px}
  .ft__sp-name{font-family:var(--mincho);font-size:16px;line-height:26px;color:#ccc;
               margin-bottom:5px}
  .ft__sp-addr{font-size:12px;line-height:20px;color:#ccc}
  .ft__sp-cpr{margin:0 -40px;padding:20px 0 0;font-size:12px;line-height:20px;color:#ccc}
}

/* ==========================================================================
   トップ（東京 / の13ブロック）— 地色・寸法は東京の実測どおり
   #F5F5F5＝TOPICS帯・フェア帯 ／ #f2ede5＝会場帯・アイテム文章側・アクセス ／ #777777＝濃灰帯
   ========================================================================== */

/* 見出し箱（和文＋線＋欧文＝31px）を左寄せで使う */
.thd{width:432px;text-align:left}
.thd .ttl__jp{display:block;font-family:var(--mincho);font-size:var(--fsj,18px);line-height:5px}   /* かたまり3は20px */
.thd .ttl__line{display:block;width:40px;height:1px;margin:10px auto;background:transparent}
.thd .ttl__en{display:block;font-size:12px;line-height:5px}
/* 小見出し箱（明朝2段＋線） */
.tsub{width:432px}
.tsub__a{font-family:var(--mincho);font-size:18px;line-height:15px}
.tsub .ttl__line{display:block;width:40px;height:1px;margin:10px auto;background:transparent}
.tsub__b{font-family:var(--mincho);font-size:16px;line-height:15px}
.tsub--big .tsub__a{font-size:22px}
.tsub--big .tsub__b{font-size:18px}

/* かたまり1：ヒーロー 1440×696 */
.hero--top{height:696px}

/* かたまり2：TOPICS帯 */
.tpx{margin-top:-8px;background:#f5f5f5}
.tpx__in{display:flex;align-items:center;width:1008px;height:98px;margin:0 auto;gap:0;
         padding:0 8px;box-sizing:border-box}
.tpx__lb{width:350px;text-align:center;font-size:16px;line-height:24px;letter-spacing:.06em}
.tpx__bar{display:block;width:106px;height:1px;margin-left:-100px;background:var(--ink)}   /* 東京：線は x474〜580 */
.tpx__in a{display:flex;margin-left:19px;font-size:13px;line-height:22px;font-weight:700}
.tpx__date{flex:0 0 135px}     /* 東京：日付 x599・見出し x736 */
.tpx__ttl{flex:1 1 auto}

/* かたまり3・5・10・11：写真720 ＋ 文章720 */
.tb{display:flex;align-items:flex-start;margin-top:100px}
.tb--rev{flex-direction:row-reverse}
.tb__ph{flex:0 0 720px}
.tb__ph img{width:720px;height:490px;object-fit:cover;display:block}
.tb__tx{flex:0 0 720px}
.tb__hd{margin:60px 0 0 99px}
.tb--rev .tb__hd{margin:50px 0 0 100px}
.tb__sub{margin:70px 0 0 100px}
.tb__p{width:504px;margin:18px 0 0 88px;padding:15px}   /* 東京：小見出しの下41px */
.tb--rev .tb__p{margin:25px 0 0 100px;padding:10px 0 0}
.tb__p p{font-size:14px;line-height:22px;margin-bottom:5px}
.tb__p p:last-child{margin-bottom:0}
/* 本文とボタンの包み：PCは無いものとして扱い、スマホだけ「本文の下◯px」を保つ入れ物にする */
.tb__flow,.tbd__flow{display:contents}
.tb__btn{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
         margin:50px 0 0 105px;border:1px solid #000;background:#fff;font-size:14px}
/* かたまり11：文章側が #f2ede5 のパネル */
.tb--panel{background:#f2ede5}
.tb--panel .tb__ph{background:#fff}
.tb--panel .tb__tx{padding-bottom:36px}
.tb--panel .tb__hd{margin:80px 0 0 100px}
.tb--panel .tb__sub{width:504px}
.tb--panel .tb__sub .tsub__a{font-size:18px;line-height:30px}
.tb--panel .tb__sub .tsub__b{font-size:18px;line-height:30px}   /* 東京：2行とも18px・30 */
.tb--panel .tb__p{width:504px;margin:0 0 0 100px;padding:0}
.tb--panel .tb__p p{line-height:25px;margin:0}
.tb--panel .tb__btn{margin-top:50px}
.tb--panel .tb__btn{background:#fff}

/* かたまり4：#f2ede5 の帯 */
.tbd{margin-top:100px;background:#f2ede5}
.tbd__img img{width:1440px;height:460px;object-fit:cover;display:block}   /* 東京 1440×460 */
.tbd__row{display:flex;width:1152px;margin:40px auto 0}
.tbd__hd{width:230px;margin-top:30px;flex:0 0 230px}
.tbd__p{flex:0 0 922px;padding:15px}
.tbd__p p{font-size:14px;line-height:22px;margin-bottom:5px}
.tbd__p p:last-child{margin-bottom:0}
.tbd__btns{display:flex;gap:20px;width:620px;margin:30px auto 0}
.tbd__btns a{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
             border:1px solid #000;background:#fff;font-size:14px}
.tbd__sp{height:52px}

/* かたまり6：濃灰の帯 1296×370 */
.tdk{display:flex;flex-wrap:wrap;width:1296px;margin:100px auto 0;background:#777;color:#fff}
.tdk__sp{flex:0 0 78px;height:10px;margin-top:50px}
.tdk__tx{flex:0 0 622px;margin-top:50px}
.tdk__hd{width:435px;margin:20px 0 0 15px}
.tdk__hd .tsub__a{font-size:22px;line-height:22px;color:#fff}
.tdk__hd .tsub__b{font-size:18px;line-height:10px;color:#fff}
.tdk__p{width:592px;margin:25px 0 0 15px;padding:15px 0;font-size:14px;line-height:22px}
.tdk__btn{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
          margin:20px 0 0 15px;border:1px solid #000;background:#fff;color:var(--ink);font-size:14px}
.tdk__ph{flex:0 0 518px;margin-top:50px}
.tdk__ph img{width:441px;height:248px;object-fit:cover;display:block;margin:20px 0 0 78px}
.tdk__foot{flex:0 0 100%;height:52px}

/* かたまり7＋8：レポート */
.trp__hd{margin-top:120px}
.trp{height:617px;margin-top:-40px;padding-top:90px}   /* 東京は写真が帯の上から90px */
.trp ul{display:flex;gap:22px;width:1160px;margin:0 auto;overflow-x:auto;scroll-behavior:smooth;
        scroll-snap-type:x mandatory;scrollbar-width:none}
.trp ul::-webkit-scrollbar{display:none}
.trp li{scroll-snap-align:start}
/* 東京と同じ左右の矢印（44×44・写真の高さの中ほど）。
   2026-09-23 東京の帯（iframe の中）を実測：塗りつぶしの #333 の円に、白い細い山形（9×17＝12pxの角を45°回したもの）。
   以前は白地に灰色の線（#d5d5d5）で、色が逆になっていた */
.trp__nav{position:absolute;top:202px;width:44px;height:44px;border:0;border-radius:50%;
          background:#333;cursor:pointer;padding:0;z-index:2}
.trp__nav::before{content:"";position:absolute;left:11px;top:15.5px;width:12px;height:12px;
                  border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.trp__nav--prev{left:calc(50% - 660px)}
.trp__nav--prev::before{left:21px;transform:rotate(-135deg)}
.trp__nav--next{left:calc(50% + 610px)}
.trp__nav:hover{opacity:.8}
.trp li{width:372px}
.trp img{width:372px;height:224px;object-fit:cover;display:block}
.trp__meta{margin-top:6px;font-size:12px;line-height:18px;color:#8a8a8a}
.trp__ttl{margin-top:15px;font-family:var(--mincho);font-size:16px;line-height:24px}
/* 右上の「ウエディングレポート一覧」：東京は 240×40・枠1px #888・字16px・点の印13px */
.trp{position:relative}
.trp__more{position:absolute;left:calc(50% + 340px);top:6px;width:240px;height:40px;box-sizing:border-box;
           /* 幅の広い画面でも版面（1440）の中で右上に来るように中央からの位置で置く */
           display:flex;align-items:center;gap:3px;padding-left:16px;
           border:1px solid #888;font-size:16px;line-height:26px}
.trp__ico{width:13px;height:13px;flex:0 0 13px;
          background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cg fill='%23000000'%3E%3Crect x='0' y='0' width='3' height='3'/%3E%3Crect x='5' y='0' width='3' height='3'/%3E%3Crect x='10' y='0' width='3' height='3'/%3E%3Crect x='0' y='5' width='3' height='3'/%3E%3Crect x='5' y='5' width='3' height='3'/%3E%3Crect x='10' y='5' width='3' height='3'/%3E%3Crect x='0' y='10' width='3' height='3'/%3E%3Crect x='5' y='10' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E");
          background-size:13px 13px}

/* かたまり9：フェア帯 #F5F5F5 */
.tfr{background:#f5f5f5}
.tfr__hd{margin-top:0;padding-top:80px}
.tfr__band{display:flex;height:390px;margin-top:50px}
.tfr__band li{flex:1 1 0}
.tfr__band img{width:100%;height:390px;object-fit:cover;display:block}
/* フェアの一覧（会場のウェブパーツ）。中身は先方のシステムが出す */
.tfr__parts{width:1256px;margin:0 auto;overflow:hidden}
/* ウェブパーツの中にも「おすすめのブライダルフェア」の見出しが入っている。
   こちらの見出しと二重になるので、その分（120px）を上に詰めて隠す（確認用1と同じ考え方）。 */
.tfr__parts iframe{display:block;width:100%;border:0;margin-top:-120px}
@media screen and (max-width:768px){.tfr__parts{width:auto;margin:0 15px}}
.tfr__btn{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
          margin:30px auto 0;background:var(--gold);color:#fff;font-size:14px}
.tfr__sp{height:52px}

/* かたまり12：Instagram 1152×720 */
.tig{display:flex;width:1152px;height:720px;margin:100px auto 0}
.tig__l{flex:0 0 634px;margin-top:100px}
.tig__hd{width:624px;margin:30px 0 0 10px}
.tig__btn{position:absolute;left:15px;top:211px;display:flex;align-items:center;justify-content:center;gap:12px;width:317px;height:47px;border:1px solid var(--ink);font-size:14px}   /* 東京：アカウントのボタン 317×47 */
.tig__ic{display:block;width:22px;height:22px;border:2px solid var(--ink);border-radius:6px;
         position:relative}
.tig__ic::after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;
                border:2px solid var(--ink);border-radius:50%}
.tig__acc a{font-size:14px;line-height:22px}
.tig__p{width:570px;padding:15px}
.tig__p p{font-size:14px;line-height:22px;margin-bottom:5px}
.tig__grid{flex:0 0 518px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;
           align-content:start}
.tig__grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}

/* かたまり13：アクセス #f2ede5 */
.tac{margin-top:50px;background:#f2ede5}
.tac__hd{margin-top:0;padding-top:80px;width:100%}   /* 東京：見出しは全幅の中央 */
.tac__map{margin-top:50px;height:456px}
.tac__map iframe{width:1440px;height:450px;border:0;display:block;filter:grayscale(1)}
.tac__row{display:flex;width:1200px;margin:50px auto 0;height:112px}
.tac__info{flex:0 0 580px;margin-top:20px}
.tac__nm{width:580px}
.tac__ad{font-size:14px;line-height:22px;margin-top:6px}
.tac__btns{display:flex;gap:20px;margin:48px 0 0 auto}
.tac__btns a{display:flex;align-items:center;justify-content:center;width:300px;height:56px;
             border:1px solid #000;background:#fff;font-size:14px}
.tac__sp{height:79px}

/* ==========================================================================
   ウエディングアイテム（東京 /creators）
   ========================================================================== */
.cr{display:flex;align-items:flex-start;margin-top:80px}
.cr+.cr,.crr+.cr,.gbtn+.cr{margin-top:100px}
.cr--rev{flex-direction:row-reverse}
.cr__ph{flex:0 0 720px}
.cr__ph img{width:720px;height:480px;object-fit:cover;display:block}
.cr__pn{flex:0 0 720px;margin-top:50px;background:#f2ede5}
.cr__in{width:468px;margin:44px 0 0 65px;padding-bottom:50px}
.cr--rev .cr__in{width:504px;margin-left:216px}
.cr__nm{font-family:var(--mincho);font-size:18px;line-height:15px}
.cr__ln{display:block;width:40px;height:1px;margin:10px auto;background:transparent}
.cr__p{margin-top:4px}
.cr__p p{font-size:14px;line-height:22px;margin-bottom:0}
.cr--rev .cr__p{margin-right:50px}
/* 3列カード（枠#707070・360×311）1130幅。1段目は−140で写真に食い込む */
.crr{display:flex;gap:25px;width:1130px;margin:0 auto;position:relative;z-index:2}
.crr--first{margin-top:-140px}
.crr--next{margin-top:25px}
.crc{width:360px;height:311px;display:flex;flex-direction:column;justify-content:space-between;
     background:#fff;border:1px solid #707070}
.crc__in{width:347px;margin:10px 0 0 6px;padding:15px}
.crc__nm{font-size:16px;line-height:22px;font-weight:400;color:#424242}   /* 東京：名前16px */
.crc__tx{font-size:12px;line-height:22px;color:#424242;margin-top:28px}   /* 東京：説明は名前の下 +50 */
.crc__url{display:inline-block;font-size:12px;line-height:18px;color:#3294c8;margin-top:8px}
.crc__sns{width:100px;height:45px;margin:0 0 0 20px}
.gbtn{display:flex;align-items:center;justify-content:center;width:230px;height:56px;
      margin:50px auto 0;background:var(--gold);color:#fff;font-size:14px}

/* ============================== スマホ ============================== */
@media screen and (max-width:768px){
  .hero--top{height:auto}
  .hero.hero--top img{height:auto;aspect-ratio:390/643}
  .thd,.tsub{width:auto}
  .thd .ttl__jp{font-size:20px}
  .tpx{margin:-20px -15px 0}
  .tpx__in{width:auto;height:141px;padding:0 20px;gap:12px;flex-wrap:wrap}
  .tpx__bar{width:60px}
  .tpx__in a{font-size:13px}
  .tb{display:block;margin:70px -15px 0}
  .tb__ph,.tb__tx{flex:none}
  .tb__ph img{width:359px;height:448px !important}
  .tb--plan .tb__ph img{height:239px !important}   /* 東京のプランは 359×239 */
  .tb--rev .tb__ph img{margin-left:31px}
  .tb__hd,.tb--rev .tb__hd{margin:30px 0 0 15px;width:351px}
  .tb--rev .tb__hd{margin-left:39px}
  .tb__sub,.tb--rev .tb__sub{margin:50px 0 0 15px;width:351px}
  .tb--rev .tb__sub{margin:40px 0 0 39px}
  .tb__p,.tb--rev .tb__p{width:351px;margin:30px 0 0 15px;padding:7px 0}
  .tb--rev .tb__p{margin-left:39px;width:333px}
  .tb__btn{width:274px;height:45px;margin:30px auto 0;font-size:13px}
  .tb--panel{padding-bottom:52px}
  .tb--panel .tb__hd{margin:30px 0 0 15px}
  .tb--panel .tb__sub{margin:30px 0 0 15px;width:351px}
  .tb--panel .tb__sub .tsub__a{font-size:16px}
  .tb--panel .tb__btn{width:263px;margin-top:30px}
  .tbd{margin:70px -15px 0}
  .tbd__img img{width:100%;height:469px}   /* 東京SP 390×469 */
  .tbd__row{display:block;width:351px;margin:11px 0 0 20px}
  .tbd__hd{width:351px;margin-top:10px;flex:none}
  .tbd__p{flex:none;padding:15px 0;margin-top:30px}
  .tbd__btns{display:block;width:auto;margin:20px 0 0}
  .tbd__btns a{width:274px;height:45px;margin:0 auto 15px;font-size:13px}
  .tdk{width:360px;margin:70px auto 0;display:block;padding:20px 18px 0}
  .tdk__sp{display:none}
  .tdk__tx{margin:0}
  .tdk__ph{margin:0}
  .tdk__ph img{width:324px;height:182px;margin:0}
  .tdk__hd{width:324px;margin:30px 0 0}
  .tdk__hd .tsub__a{font-size:18px;line-height:5px}
  .tdk__hd .tsub__b{font-size:16px;line-height:5px}
  .tdk__p{width:324px;margin:20px 0 0;padding:15px 0}
  .tdk__btn{width:270px;height:45px;margin:20px auto 0;font-size:13px}
  .tdk__foot{height:52px}
  .trp__hd{margin:80px 0 0 5px;text-align:left}
  .trp{height:auto;margin:30px -15px 0;padding:0 15px}   /* 東京は帯が画面いっぱい（390） */
  /* 東京のスマホは横に流すカード（253×175）。2列に積むと帯が高くなりボタンとの間が詰まる */
  .trp ul{display:flex;gap:21px;width:auto;overflow-x:auto;padding:0 0 4px;
          scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .trp li{flex:0 0 253px;width:253px;scroll-snap-align:center}
  .trp img{width:253px;height:175px;object-fit:cover}
  .trp__nav{display:none}        /* （2026-09-23 訂正：東京のスマホも写真の左右に丸い矢印がある。下の「トップのウエディングレポート帯」で出す） */
  /* スマホの「一覧」ボタンは、東京と同じく写真の下に中央で置く（250×47・13px） */
  .trp__more{position:static;margin:49px auto 0;width:250px;height:47px;   /* 東京：写真の下49px */
             justify-content:center;padding-left:0;font-size:13px}
  .tfr{margin:30px -15px 0}
  .tfr__hd{padding-top:30px;margin-left:15px;text-align:left;width:312px}
  .tfr__band{height:380px;margin-top:30px;flex-wrap:wrap}
  .tfr__band li{flex:0 0 50%}
  .tfr__band img{height:190px}
  .tfr__btn{width:273px;height:45px;font-size:13px}
  .tig{display:block;width:360px;height:auto;margin:70px auto 0}
  .tig__l{margin:0}
  .tig__hd{width:360px;margin:10px 0 0}
  .tig__acc{margin:30px 0 0}
  .tig__p{width:360px;padding:15px 0}
  .tig__grid{margin-top:0;grid-template-columns:repeat(3,1fr)}
  .tac{margin:30px -15px 0}
  .tac__hd{width:351px;margin-left:20px;padding-top:50px;text-align:left}
  .tac__map{margin:30px 20px 0;height:456px}
  .tac__map iframe{width:100%;height:450px}
  .tac__row{display:block;width:351px;height:auto;margin:30px 0 0 20px}
  .tac__info{margin-top:10px}
  .tac__nm{width:351px}
  .tac__btns{display:block;margin:30px 0 0}
  .tac__btns a{width:267px;height:46px;margin:0 auto 15px}
  .tac__sp{height:79px}
  /* アイテム */
  .cr,.cr--rev{display:block;margin-top:30px}
  .cr+.cr,.crr+.cr,.gbtn+.cr{margin-top:50px}
  .cr__ph,.cr__pn{flex:none}
  .cr__ph img{width:360px;height:245px}
  .cr__pn{width:342px;margin:0 0 0 18px}
  .cr__in,.cr--rev .cr__in{width:291px;margin:30px 0 0 31px;padding-bottom:30px}
  .cr--rev .cr__p{margin-right:0}
  .crr,.crr--first,.crr--next{display:block;width:281px;margin:30px 0 0 50px}
  .crc{width:281px;height:auto;border:0;border-bottom:1px solid #ccc;padding-bottom:10px;
       margin-bottom:10px}
  .crc__in{width:281px;margin:0;padding:15px 0}
  .crc__sns{height:37px;margin:0}
  .gbtn{width:252px;height:45px;font-size:13px}   /* 東京のスマホは 252×45 */
}

/* 東京の各かたまりの高さを最小値として持たせる（ページ側 B.hgt で付与） */
[data-h]{min-height:var(--hpc,auto);box-sizing:border-box}
@media screen and (max-width:768px){ [data-h]{min-height:var(--hsp,auto)} }

/* ===== アクセス（東京 /access：地図456・情報123・ボタン2つ 620×52） ===== */
.acc__map{margin-top:80px;height:456px}
.acc__map iframe{width:1440px;height:450px;border:0;display:block;filter:grayscale(1)}
.acc__info{height:123px;margin-top:30px;text-align:center;padding-top:14px}
.acc__nm{font-family:var(--mincho);font-size:18px;line-height:28px;margin-bottom:8px}
.acc__info p{font-size:14px;line-height:22px}
.acc__btns{display:flex;gap:20px;width:620px;height:52px;margin:30px auto 0}
.acc__btns a{flex:1 1 0;display:flex;align-items:center;justify-content:center;
             border:1px solid #000;background:#fff;font-size:14px}
@media screen and (max-width:768px){
  .acc__map{margin:30px -15px 0;height:456px}
  .acc__map iframe{width:100%;height:450px}
  .acc__info{height:auto;min-height:0;margin-top:30px;padding:10px 0;text-align:left}   /* 住所は2行。最低高さを取るとボタンとの間が空きすぎる */
  .acc__info p{font-size:12px;line-height:20px}
  .acc__btns{display:block;width:auto;height:auto;margin-top:20px}
  .acc__btns a{height:45px;width:274px;margin:0 auto 15px}
}

/* ==========================================================================
   配置表（_src/配置表.py）：東京の実測どおりに「前との間隔」「高さ」を固定する（.bd--pin のページ）
   ========================================================================== */
.bd--pin{display:flex;flex-direction:column}
.bd--pin>*{margin-bottom:0!important}
.bd--pin>[data-gp]{margin-top:var(--gpc)!important}
.bd--pin>[data-x]{height:var(--hpc);min-height:0}
@media screen and (min-width:769px){ [data-hide~="pc"]{display:none!important} }
@media screen and (max-width:768px){
  .bd{padding:0 15px var(--fgs,0px)}
  .bd--pin>[data-gs]{margin-top:var(--gsp)!important}
  .bd--pin>[data-x]{height:var(--hsp);min-height:0}
  [data-hide~="sp"]{display:none!important}
  .ttl__jp{line-height:var(--lhjs,var(--lhj,5px))}
  .ttl__en{line-height:var(--lhes,var(--lhe,5px))}
}

/* ===== FAQ の区分（東京 /faq：見出し16px・2pxの線・1問41px・左に40×40の＋） ===== */
.fq{width:1123px;margin:0 auto}
.fq--w{width:1152px}
.fq__hd{font-size:16px;line-height:26px;font-weight:400;height:37px}
.fq__rule{height:2px;background:#ddd}
.fq__rows{margin-top:20px}
.fq__it{border-bottom:1px solid #ddd}                 /* 東京：行と行の間に薄い線（1問41px） */
.fq__it summary{display:flex;align-items:stretch;min-height:40px;list-style:none;cursor:pointer;background:#fff}
.fq__it summary::-webkit-details-marker{display:none}
.fq__ic{flex:0 0 40px;background:#f7f7f7;position:relative}
.fq__ic::before{content:"Q";position:absolute;left:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#000}   /* 東京は40×40の「Q」 */
.fq__q{flex:1 1 auto;padding:8px 16px 8px 17px;font-size:14px;line-height:22px}
.fq__a{padding:10px 16px 16px 57px;font-size:14px;line-height:22px;color:#555}

/* ===== お知らせ帯（東京 /banquet 末尾：#F5F5F5・幅1008・見出し31／一覧255／白ボタン300×56／52） ===== */
.tpc{background:#f5f5f5}
.tpc__in{width:1008px;margin:0 auto;padding-top:50px}
.tpc__hd{margin-top:0}
.tpc__list{margin-top:20px;height:calc(255px + 69px * (var(--tpc-n, 3) - 3))}   /* 東京は3件で255。4件目からは1件（行の間69）ずつ伸ばす（2026-09-24 お知らせが4件に） */
.tpc__list{display:flow-root}          /* 1行目の上の16を ul の外へ逃がさない */
.tpc__list li{font-size:16px;line-height:26px;padding:13px 0;margin:16px 0 0;border-bottom:1px solid #ddd}
/* 東京 /banquet のお知らせ（iframe）を実測：1行＝上16・箱53（7+6・行26・6+7・線1）→ 行の間69（前は55で詰まっていた）。スマホは .tpc.pin 側 */
.tpc__list a,.tpc__row{display:flex;padding-left:8px}   /* 東京：日付 x224・見出し x472 */
.tpc__date{flex:0 0 248px}
.tpc__ttl{flex:1 1 auto}
.tpc .btn--wide{margin-top:20px}
.tpc__sp{height:52px}

/* ===== 挙式会場の案内（東京 /banquet 6番目の型：桃色地 #F0E6E6・文章欄720＋写真720×490） ===== */
.lk{display:flex;align-items:flex-start;background:#f0e6e6}
.lk__tx{flex:0 0 720px;padding:80px 0 0 100px}
.lk__box{width:576px;height:195px;padding:15px;box-sizing:border-box}
.lk__nm{font-family:var(--mincho);font-size:18px;line-height:18px}
.lk__sub{font-size:14px;line-height:23px}
.lk__en{font-size:12px;line-height:16px;margin-bottom:22px}
.lk__desc{font-size:14px;line-height:21px;margin-bottom:22px}
.lk__cap{font-size:12px;line-height:16px}
.lk__btns{display:flex;gap:15px;margin:50px 0 0 15px}
.lk__btns .btn--line{margin:0}
.lk__ph{flex:0 0 720px}
.lk__ph img{width:720px;height:490px;object-fit:cover;display:block}

/* ===== そのほか、東京に合わせた小さな型 ===== */
.mband img{display:block;width:1440px;height:667px;object-fit:cover}   /* /concept 末尾の動画枠に当たる写真帯 */
.cards--209 img{aspect-ratio:335/209}                                  /* /report 下の会場カード */
.crg .cr{margin-top:0}                                                 /* アイテムの群の中では写真の上余白なし */
.crr--h333 .crc{height:333px}
.crr--h279 .crc{height:279px}
.crr--h279 .crc__in{margin-top:0}
.vb--blue{background:#f2ede5}                                          /* /banquet 5番目の会場の地色 */
.rhead{margin:0;text-align:center}                                     /* /report 見出し 49 */
.rhead__jp{font-family:var(--mincho);font-size:18px;line-height:29px}
.rhead__en{font-size:12px;line-height:20px}
.rtop{margin:0;text-align:center}                                      /* /report リード 66 */
.rtop p{font-size:14px;line-height:22px}
.cats{margin-bottom:0}

@media screen and (max-width:768px){
  .fq,.fq--w{width:auto}
  .tpc{margin:0 -15px}
  .tpc__in{width:auto;padding:40px 15px 0}
  .tpc__list{height:auto}
  .tpc .btn--wide{width:274px;height:45px}
  .tpc__sp{height:40px}
  .lk{display:flex;flex-direction:column-reverse;background:#fff}
  .lk__ph{flex:none}
  .lk__ph img{width:100%;height:245px}
  .lk__tx{flex:none;padding:10px 0 0}
  .lk__box{width:auto;height:auto;padding:15px 0}
  .lk__btns{flex-direction:column;gap:10px;margin:20px 0 0}
  .lk__btns .btn--line{width:281px;height:45px;margin:0 auto;font-size:12px}
  .mband{margin:0 -15px}
  .mband img{width:100%;height:210px}
  .cards--209{gap:10px 14px}
  .cards--209 img{aspect-ratio:173/108}
  .gbtn--sp{width:281px;height:45px;margin:0 auto;font-size:12px}
  .rhead{padding:70px 10px 40px}
  .rhead__jp{font-size:20px;line-height:32px}
  .rtop{padding:0 24px}
  .bc--rep{padding:10px}

  /* フッター（東京SP 805px：余白40／ボタン44／連絡先69／リンク44×2／小リンク94／SNS26／会場51／ロゴ枡108／著作権41） */
  .ft{height:auto;display:block}
  .ft__sp{display:block;height:805px;box-sizing:border-box;padding:40px 40px 20px;background:#222;text-align:center}
  .ft__sp-btns{height:275px;margin-bottom:30px}
  .ft__sp-fair{display:flex;align-items:center;justify-content:center;height:44px;background:#fff;color:var(--ink);font-size:12px}
  .ft__sp-ct{height:69px;margin:12px 0 42px;font-size:12px;line-height:23px;color:#fff}
  .ft__sp-ct p{margin:0}
  .ft__sp-ct a{color:#fff;font-weight:700}
  .ft__sp-link{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid #ccc;color:#fff;font-size:12px}   /* 東京SPの枠は #ccc */
  .ft__sp-link+.ft__sp-link{margin-top:20px}
  .ft__sp-some{height:94px;margin-bottom:30px}
  .ft__sp-row{display:flex;justify-content:center;gap:24px;height:30px;align-items:center}
  .ft__sp-row a,.ft__sp-one{font-size:12px;color:#ccc}
  .ft__sp-one{display:block;height:20px;line-height:20px;margin-top:4px}
  .ft__sp-sns{display:flex;justify-content:center;gap:21px;height:26px;margin-bottom:30px}   /* 複数ならPCのフッターと同じ21pxおき */
  .ft__sp-sns a{display:inline-block;width:18px;height:18px;margin-top:7px;color:#ccc;vertical-align:top}   /* 東京SP：枠の上から7pxに灰色 */
  .ft__sp-hall{height:51px;margin-bottom:30px}
  .ft__sp-name{font-family:var(--mincho);font-size:16px;line-height:26px;margin-bottom:5px;color:#ccc}
  .ft__sp-addr{font-size:12px;line-height:20px;color:#ccc}
  .ft__sp-logo{height:108px;margin-bottom:30px}
  .ft__sp-cpr{height:41px;margin:0 -40px;padding:20px 0 0;font-size:12px;line-height:20px;color:#ccc}
}

/* ===== 配置照合で出た はみ出し（東京の高さに収める） ===== */
.bd--pin>.nsec:last-of-type{padding-bottom:21px}          /* 宿泊3章目：東京828（PC） */
@media screen and (max-width:768px){
  .bd--pin>.nsec:last-of-type{padding-bottom:10px}        /* 宿泊3章目：東京1800（SP） */
  .lk__box{padding:8px 0}                                 /* 挙式会場の案内：東京571（SP） */
  .acc__btns a:last-child{margin-bottom:0}                /* アクセスのボタン2つ：東京105（SP） */
}

/* ===== 中身照合で出た違い②（文字サイズ・寄せ・パンくず） ===== */
.bc--wide ul,.bc--rep ul{font-size:13px}                 /* 東京 /concept 系・/report のパンくずは13px */
.bc--mem{width:1400px;margin:0 0 0 10px;padding-left:10px}   /* 東京 /anniversary は文字が x20 */
@media screen and (max-width:768px){
  .bc--wide{padding-left:0;margin-left:-5px}                /* 東京SP：文字が x10 */
  .bc--wide ul,.bc--rep ul{font-size:12px}
  .bc--mem{width:auto;margin:0;padding-left:5px}          /* 東京SP /anniversary：文字が x20 */
  .lead{text-align:left;padding:17px 0 15px}              /* 東京SP：リードは左寄せ・題16px 2行ぶん・本文は+91 */
  .lead p.lead__mincho{font-size:16px;line-height:26px;min-height:52px}
  .lead p{line-height:22px;margin-bottom:0}
  .lead__gap{height:18px}
  .btn--wide,.gbtn--sp,.vn__tx .btn--line,.vn__tx .btn--gold,.vb__btn,.lk__btns .btn--line{font-size:13px}   /* 東京SPのボタン文字は13px */
  .vn__name,.vb__name{font-size:20px}                     /* 東京SP：会場名20px */
  .vn__spec p{font-size:12px;line-height:22px}            /* 東京SP：仕様は12px */
  .vn__body p{line-height:22px}                           /* 東京SP：本文の行送り22 */
}

/* ==========================================================================
   中の部品の位置固定（.pin）：東京の実測値 --p-<名>（PC）／--s-<名>（スマホ）を上端からの位置として当てる
   値は東京の「文字の上端」。行の箱との差は各部品の calc() で吸収する。
   ========================================================================== */
.pin{position:relative}
/* 挙式型の会場（.vn） */
.vn.pin{align-items:stretch}
.vn.pin .vn__tx{position:relative;padding:0}
.vn.pin .vn__name,.vn.pin .vn__en,.vn.pin .vn__lead,.vn.pin .vn__body,.vn.pin .vn__spec,.vn.pin .vn__btns{position:absolute;left:115px;margin:0}
.vn.pin .vn__name{top:var(--p-nm)}
.vn.pin .vn__en{top:var(--p-en)}
.vn.pin .vn__lead{top:var(--p-ld);width:546px}
.vn.pin .vn__body{top:calc(var(--p-bd) - 2px);width:546px}
.vn.pin .vn__spec{top:calc(var(--p-sp) - 2px);width:546px}
.vn.pin .vn__btns{top:var(--p-bt)}
.vn.pin .vn__btns .btn--line{margin-top:0}
.vn.pin .vn__btns .btn--gold{margin-top:24px}
/* 披露宴型の会場（.vb） */
.vb.pin{align-items:stretch}
.vb.pin .vb__tx{position:relative;padding:0}
.vb.pin .vb__name,.vb.pin .vb__en,.vb.pin .vb__lead,.vb.pin .vb__text,.vb.pin .vb__spec,.vb.pin .vb__btn{position:absolute;left:115px;margin:0}
.vb.pin .vb__name{top:var(--p-nm)}
.vb.pin .vb__en{top:var(--p-en)}
.vb.pin .vb__lead{top:var(--p-ld)}
.vb.pin .vb__text{top:calc(var(--p-bd) - 2px);width:510px}
.vb.pin .vb__spec{top:var(--p-sp)}
.vb.pin .vb__btn{top:var(--p-bt)}
/* 挙式会場の案内（.lk） */
.lk.pin .lk__tx{position:relative;padding:0;align-self:stretch}
.lk.pin .lk__pre,.lk.pin .lk__nm,.lk.pin .lk__en,.lk.pin .lk__ld,.lk.pin .lk__cap,.lk.pin .lk__btns{position:absolute;left:115px;margin:0}
.lk__pre{font-size:12px;line-height:16px}
.lk__ld{font-size:16px;line-height:21px;font-family:var(--mincho)}
.lk__cap b{font-weight:400;margin-right:12px}
.lk.pin .lk__pre{top:var(--p-pre)}
.lk.pin .lk__nm{top:var(--p-nm)}
.lk.pin .lk__en{top:var(--p-en)}
.lk.pin .lk__ld{top:var(--p-ld)}
.lk.pin .lk__cap{top:var(--p-sp)}
.lk.pin .lk__btns{top:var(--p-bt)}
.lk__btns .btn--line{justify-content:center;padding-left:0}   /* 東京はボタンの文字が真ん中（左右の空きが同じ。2026-09-24 画素で実測し直し。前の「左寄せ」は、長い文字で真ん中に見えていたのを読み違えていた） */
/* トップの章（.tb・.tbd・.tdk・.tig・.tac・.tfr） */
@media screen and (min-width:769px){
.tb.pin .tb__tx{position:relative;align-self:stretch}
.tb.pin .tb__p{position:absolute;left:88px;top:calc(var(--p-p) - 5px);margin:0}
.tb--rev.pin .tb__p{left:100px;top:calc(var(--p-p) - 2px);padding:0}
.tb--rev.pin .tb__p p{line-height:25px;margin:0}
.tb--panel.pin .tb__p{left:100px;top:calc(var(--p-p) - 2px)}
.tb.pin .tb__btn{position:absolute;left:105px;top:var(--p-bt);margin:0}
.tig.pin .tig__p{position:absolute;left:15px;top:calc(var(--p-p) - 2px);padding:0;margin:0}
.tig.pin .tig__p p{line-height:22px;margin:0}
}
.tig__btn{justify-content:center;padding-left:0}   /* ほかのボタンと同じく真ん中。目印は東京（インスタのリンク）と同じく文字の左（2026-09-24） */
.tig__btn .tig__ic{order:0;margin:0}
/* 選ばれる理由の章（.csec）：ボタンの位置 */
.csec.pin .csec__btn{position:absolute;left:893px;top:var(--p-bt);margin:0}
.csec__num span::before{content:attr(data-n)}
/* 章（.wsec）：題／小見出し／本文の位置（中央寄せのまま） */
.wsec.pin .wsec__img{margin-top:0}
.wsec.pin{display:block}
.wsec.pin .wsec__ttl h2,.wsec.pin .wsec__ttl p,.wsec.pin .wsec__desc{position:absolute;left:0;right:0;
                                                                     margin:0 auto;max-width:1256px}
.wsec.pin .wsec__ttl h2{top:var(--p-ttl)}
.wsec.pin .wsec__ttl p{top:var(--p-sub)}
.wsec.pin .wsec__desc{top:calc(var(--p-desc) - 6px)}
.wsec--intro .wsec__ttl h2{font-size:18px;line-height:23px}
.wsec--intro .wsec__desc p{line-height:30px}
/* 宿泊（.intro／.nsec） */
.intro.pin .intro__in{position:static}
.intro.pin .intro__toc h3{position:absolute;left:168px;top:var(--p-h3);margin:0;font-size:22px;line-height:30px}
.intro.pin .intro__lead{position:absolute;left:499px;top:calc(var(--p-ld) - 2px);margin:0;font-size:18px;line-height:26px;width:680px}
.intro.pin .intro__body{position:absolute;left:499px;top:var(--p-bd);margin:0;width:773px}
/* 東京PCの黒帯は リード2行（y1592）のあとに本文6行（y1701から24px送り）が入る。
   ここを display:none にしていたため、先方文言の本文3行がPCで出ておらず、帯の下に何もない帯ができていた */
.intro.pin .intro__toc ol{position:absolute;left:168px;top:var(--p-toc);margin:0;padding:0;list-style:none}
.intro.pin .intro__toc ol li{font-size:14px;line-height:18px;margin:0 0 18px;padding:0}
.nsec.pin .nsec__num h3{position:absolute;top:var(--p-tt);left:var(--p-ttx);margin:0;font-size:19px;line-height:24px;text-align:left}
.nsec.pin .nsec__lead{position:absolute;left:0;right:0;top:calc(var(--p-ld) - 3px);margin:0}
.nsec.pin .cllg__mid{position:static}
.nsec.pin .cllg .tate{position:absolute;left:709px;top:var(--p-tate);margin:0;font-size:18px}
.nsec__num span::before{content:attr(data-n)}

@media screen and (max-width:768px){
  /* 挙式型の会場（スマホ：かたまりの上端から） */
  .vn.pin .vn__tx{position:static;margin:0;padding:0}
  .vn.pin .vn__name,.vn.pin .vn__en,.vn.pin .vn__lead,.vn.pin .vn__body,.vn.pin .vn__spec,.vn.pin .vn__btns{left:0;width:auto}
  .vn.pin .vn__name{top:var(--s-nm);font-size:20px;line-height:26px}
  .vn.pin .vn__en{top:var(--s-en)}
  .vn.pin .vn__lead{top:var(--s-ld);line-height:26px}
  .vn.pin .vn__body{top:calc(var(--s-bd) - 2px)}
  .vn.pin .vn__spec{top:calc(var(--s-sp) - 2px)}
  .vn.pin .vn__btns{top:var(--s-bt);left:43px}
  .vn.pin .vn__btns .btn--line,.vn.pin .vn__btns .btn--gold{margin-left:0;margin-right:0}
  .vn.pin .vn__btns .btn--gold{margin-top:30px}
  /* 披露宴型の会場（スマホ） */
  .vb.pin .vb__tx{position:static;margin:0;padding:0}
  .vb.pin .vb__name,.vb.pin .vb__en,.vb.pin .vb__lead,.vb.pin .vb__text,.vb.pin .vb__spec{left:0;width:auto}
  .vb.pin .vb__name{top:var(--s-nm);line-height:26px}
  .vb.pin .vb__en{top:var(--s-en)}
  .vb.pin .vb__lead{top:var(--s-ld);line-height:26px;max-width:none}
  .vb.pin .vb__text{top:calc(var(--s-bd) - 2px)}
  .vb.pin .vb__text p{margin:0}
  .vb.pin .vb__spec{top:var(--s-sp)}
  /* ボタンは章の中央に（left:40px の決め打ちは390幅のときだけ中央で、375では左に・430では右に8〜20pxずれていた） */
  .vb.pin .vb__btn{top:var(--s-bt);left:0;right:0;margin:0 auto}
  /* 挙式会場の案内（スマホ：写真の下・白地） */
  .lk.pin .lk__tx{position:static;padding:0}
  .lk.pin .lk__pre,.lk.pin .lk__nm,.lk.pin .lk__en,.lk.pin .lk__ld,.lk.pin .lk__cap{left:0}
  .lk.pin .lk__pre{top:var(--s-pre)}
  .lk.pin .lk__nm{top:var(--s-nm)}
  .lk.pin .lk__en{top:var(--s-en)}
  .lk.pin .lk__ld{top:var(--s-ld)}
  .lk.pin .lk__cap{top:var(--s-sp)}
  .lk.pin .lk__btns{top:var(--s-bt);left:40px;flex-direction:column;gap:16px;margin:0}
  .lk.pin .lk__btns .btn--line{margin:0;padding-left:0}
  /* お知らせ帯（スマホ）：見出し箱は+59、ボタンは東京の位置 */
  .tpc__in{padding-top:59px}
  .tpc.pin .tpc__btn{position:absolute;left:59px;top:var(--s-bt);margin:0;width:273px}
  /* トップの章（スマホ：写真の下、左端は東京の x） */
  .thd .ttl__jp{line-height:28px}
  .thd .ttl__line{margin:4px auto}
  .tb.pin .tb__tx{position:static}
  .tb.pin .tb__hd,.tb.pin .tb__sub,.tb.pin .tb__p,.tb.pin .tb__btn{position:absolute;left:15px;margin:0}
  .tb.pin .tb__hd{top:calc(var(--s-hd) - 1px)}
  .tb.pin .tb__sub{top:calc(var(--s-sub) - 2px)}
  .tb.pin .tb__flow{display:block;position:absolute;left:15px;top:calc(var(--s-p) - 2px);width:360px}   /* 幅360＝ボタンの中心が画面の中心195に来る */
  .tb.pin .tb__p{position:static;margin:0;width:350px;padding:0}
  .tb.pin .tb__p p{line-height:22px;margin:0 0 5px}
  /* 東京SP：本文の下37pxにボタン（固定位置だと本文の行数で間が変わる） */
  .tb.pin .tb__btn{position:static;margin:37px auto 0;left:auto;top:auto;width:274px}
  .tb--panel.pin .tb__btn{width:263px}
  .tb--rev.pin .tb__hd,.tb--rev.pin .tb__sub,.tb--rev.pin .tb__p{left:39px}
  .tb--rev.pin .tb__btn{left:59px;width:273px}
  .tb--rev.pin .tb__p p{line-height:22px;margin:0}
  .tb--panel.pin .tb__btn{left:63.5px;width:263px}   /* (390-263)/2=63.5：中心195 */
  .tb--panel.pin .tb__p p{line-height:25px}
  .tsub__a{line-height:27px}
  .tsub .ttl__line{margin:0}
  .tsub__b{line-height:26px}
  .tb--panel .tb__sub .tsub__a,.tb--panel .tb__sub .tsub__b{font-size:16px;line-height:30px}
  .tbd.pin .tbd__hd,.tbd.pin .tbd__p,.tbd.pin .tbd__btns{position:absolute;left:20px;margin:0}
  .tbd.pin .tbd__hd{top:calc(var(--s-hd) - 1px)}
  .tbd.pin .tbd__p{top:calc(var(--s-p) - 2px);width:350px;padding:0}
  /* 見出し・本文・ボタンを同じ入れ物に入れ、入れ物を東京の見出しの位置に置く
     （中は流し込み。東京SP：見出しの下41pxに本文、本文の下37pxにボタン） */
  .tbd.pin .tbd__flow{display:block;position:absolute;left:15px;top:calc(var(--s-hd) - 12px);width:360px}
  .tbd.pin .tbd__row{display:block;width:auto;padding:0}
  .tbd.pin .tbd__hd{position:static;margin:0}
  .tbd.pin .tbd__p{position:static;margin:42px 0 0;padding:0;width:350px}
  .tbd.pin .tbd__btns{position:static;margin:37px auto 0;top:auto;left:auto;width:274px}
  .tdk.pin .tdk__hd,.tdk.pin .tdk__p,.tdk.pin .tdk__btn{position:absolute;left:18px;margin:0}
  .tdk.pin .tdk__hd{top:calc(var(--s-sub) - 9px)}
  .tdk.pin .tdk__p{top:calc(var(--s-p) - 2px);width:322px;padding:0}
  .tdk.pin .tdk__btn{top:var(--s-bt);left:45px;width:270px}
  .tig.pin .tig__hd{position:absolute;left:0;top:calc(var(--s-hd) + 10px);margin:0}
  .tig.pin .tig__btn{left:0;top:var(--s-bt);width:360px}
  .tig.pin .tig__p{left:0;top:calc(var(--s-p) - 2px);width:360px}
  .tac.pin .tac__hd{position:absolute;left:20px;top:calc(var(--s-hd) + 10px);margin:0;padding:0;width:350px;text-align:left}
  .tac.pin .tac__nm{position:absolute;left:20px;top:var(--s-nm);margin:0}
  .tac.pin .tac__nm .ttl__jp{font-size:16px;line-height:21px}
  .tac.pin .tac__ad{position:absolute;left:20px;top:calc(var(--s-ad) - 2px);margin:0;font-size:12px;line-height:20px}
  .tac.pin .tac__btns{position:absolute;left:62px;top:var(--s-bt);margin:0;display:block}
  .tac.pin .tac__btns a{width:267px;height:46px;margin:0 0 15px;font-size:14px}
  .tfr__hd .ttl__jp{font-size:18px}
  .tfr.pin .tfr__btn{position:absolute;left:59px;top:var(--s-bt);margin:0}
  /* 選ばれる理由（スマホ）：写真 → 題18／小見出し16／説明14 → ボタン298×40 */
  .chead{text-align:left;padding:39px 0 0;margin:0 -5px 0 -5px}   /* 東京SP：箱は x10 幅370 */
  .chead__jp{font-size:22px;line-height:31px}
  .chead__en{margin-top:11px;line-height:16px}
  .chead--mem{padding:32px 0 0 6px;margin-left:0}
  /* 写真は幅に合わせて伸びるので、文字を固定位置に置くと幅の広い端末で重なる。
     並び（写真→サムネ→見出し→本文→ボタン）をflexの順番で作って流し込む。 */
  .csec.pin .csec__in{display:flex;flex-direction:column}
  .csec.pin .csec__in>*{flex:0 0 auto}   /* PCの横並びの寸法（flex-basis）を縦並びに持ち込まない */
  .csec.pin .csec__main{order:1}
  .csec.pin .csec__thumbs{order:2}
  .csec.pin .csec__tw{order:3;display:block;padding:0}
  .csec.pin .csec__btn{order:4}
  .csec.pin .csec__ttl,.csec.pin .csec__desc{position:static;margin:0}
  .csec.pin .csec__ttl{margin-top:21px}
  .csec.pin .csec__sub{margin-top:29px}
  .csec.pin .csec__btn{position:static;margin:40px auto 0}   /* 東京SP：本文の下45px（枠の上端まで） */
  .csec.pin .csec__ttl h2{font-size:18px;line-height:26px}
  .csec.pin .csec__sub{position:static;margin-top:29px;font-size:16px;line-height:21px}
  .csec.pin .csec__desc{margin-top:30px;font-size:14px;line-height:27px}
  .csec.pin .csec__desc p{font-size:14px;line-height:27px}
  .csec.pin .csec__btn{margin-left:auto;margin-right:auto}
  .csec.pin .csec__btn a{width:298px;height:40px;font-size:14px}
  .csec.pin .csec__num{margin-top:12px}
  /* 章（スマホ：左寄せ・題18／小見出し16／本文14） */
  .wsec.pin .wsec__ttl h2,.wsec.pin .wsec__ttl p,.wsec.pin .wsec__desc{text-align:left}
  .wsec.pin .wsec__ttl h2{top:calc(var(--s-ttl) - 1px);font-size:18px;line-height:26px}
  .wsec.pin .wsec__ttl p{top:calc(var(--s-sub) - 2px);font-size:16px;line-height:21px}
  .wsec.pin .wsec__desc{top:calc(var(--s-desc) - 4px)}
  .wsec.pin .wsec__desc p{font-size:14px;line-height:26px}
  .wsec--intro.pin .wsec__desc p{line-height:25px}
  .wsec--gray.pin .wsec__ttl h2,.wsec--gray.pin .wsec__ttl p,.wsec--gray.pin .wsec__desc{left:1px}
  .wsec--gray.pin .wsec__ttl p{font-size:14px;line-height:27px}
  .wsec--gray.pin .wsec__desc p{line-height:27px}
  /* 宿泊（スマホ） */
  .intro.pin .intro__toc h3{left:20px;top:var(--s-h3)}
  .intro.pin .intro__lead{left:20px;top:calc(var(--s-ld) - 2px);width:350px;font-size:18px;line-height:26px}
  .intro.pin .intro__body{position:static;left:auto;top:auto;width:auto}
  .intro.pin .intro__toc ol{display:block;position:absolute;left:20px;top:var(--s-toc);margin:0;padding:0}
  .intro.pin .intro__toc ol li{font-size:14px;line-height:18px;margin:0 0 18px;padding:0}
  .nsec.pin .nsec__num h3{left:0;right:0;text-align:center;top:var(--s-tt)}
  .nsec.pin .cllg .tate{left:0;right:0;top:var(--s-tate);text-align:center}
  .btn3{display:flex;flex-direction:column;gap:30px;width:260px;margin:30px auto 0}
  .btn3 a{height:45px;font-size:13px;box-sizing:border-box;padding:0}
  /* レポート（スマホ）：見出し・リードは左寄せ／カテゴリは14px（ALLは全幅・あとは2列）／一覧は1列 */
  .rhead{text-align:left;padding:70px 0 40px;margin-left:-5px}
  .rhead__jp{font-size:20px;line-height:32px}
  .rtop{text-align:left;padding:0 9px}
  .cats__in{display:flex;flex-wrap:wrap;gap:10px 8px;padding:5px 9px;width:auto}
  .cat{width:calc(50% - 4px);height:34px;font-size:14px;padding:0;margin:0}
  .cat:first-child{width:100%}
  .news{padding:0 24px 40px}
  .ngd{display:block}
  .ngd li{width:auto;margin:0 0 40px}
  .ngd__img img{aspect-ratio:342/238}
  .ngd__ttl{font-size:16px;line-height:26px}
  .ngd__desc{margin-top:20px}
  .ngd__tags{margin-top:47px}
  /* アイテム（スマホ）：パネルの文字は x64、カードは1枚322・文字は x65 */
  .cr__pn{height:286px;box-sizing:border-box}
  .cr__in{width:auto;margin:0;padding:22px 20px 0 31px}
  .crc{height:322px;padding:0 0 0 50px;box-sizing:border-box}
  .crc__in{padding:24px 0 0}
  /* アクセス（スマホ）のボタン文字 */
  .acc__btns a{font-size:13px}
}

/* ===== 中身照合4回目 ===== */
@media screen and (max-width:768px){
  .tsub--big .tsub__a{font-size:18px}
  .tsub--big .tsub__b{font-size:16px}
  .tig__btn{padding-left:0}
  /* アイテム：カードは全幅360・高さ320・文字は x65。パネルの下 +20 から詰めて並べる */
  .crr{display:block;width:auto;margin:20px 0 0}
  .crr--next{margin-top:0}
  .crc{width:360px;height:320px;margin:0;padding:0 0 0 50px;box-sizing:border-box;border:0;border-bottom:1px solid #ccc}
  .crc__in{width:auto;margin:0;padding:24px 0 0}
  .crc__sns{margin:0}
  /* 宿泊：ページ末の3ボタンは 260×45 */
  .btn3{padding-top:30px;box-sizing:border-box}
  .btn3 a{flex:0 0 45px;height:45px;padding:0}   /* かたまり225の中で 30／105／180 */
  /* レポート：カテゴリは東京の並び（ALL x24〜366／2列は x45 と x216） */
  .cats__in{margin:0 -15px;padding:5px 0 5px 45px;gap:10px 8px}   /* 東京：ALL x24〜366、2列は x45／x216 */
  .cat{width:163px}
  .cat:first-child{width:342px;margin-left:-21px}
}

@media screen and (max-width:768px){
  /* 宿泊（スマホ）の文字サイズ：東京 リード14／見出し縦書き16／本文14 */
  .nsec__lead{font-size:14px;line-height:22px}
  .chk__p{font-size:14px;line-height:24px}
  .tate{font-size:16px}
  .thr p{font-size:14px;line-height:22px}
  .cllg__tx p{font-size:14px;line-height:24px}
}

@media screen and (max-width:768px){
  .cr--rev .cr__in{width:auto;margin:0}   /* 反転の群もスマホでは文字 x64 */
}

/* ==========================================================================
   ハンバーガーメニュー：東京の実測どおり（PC：ヘッダー下・幅480・2列200px×5行（1行58）＋中央1＋白ボタン400×60）
   ========================================================================== */
.mn{top:90px;height:calc(100% - 90px);padding:32px 40px 40px}
.mn__cols{grid-template-columns:200px 200px;gap:0}
.mn__list li{height:58px}
.mn__list li+li{margin-top:0}
.mn__jp{font-family:var(--mincho);font-size:14px;line-height:18px;color:#000}
.mn__en{font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,sans-serif;font-size:10px;line-height:13px;margin-top:8px;color:#888}
.mn__list--center{margin-top:0;text-align:center;height:58px}
.mn__fair{width:400px;height:60px;margin:18px 0 0;font-family:var(--mincho);font-size:14px}
.mn__tel{display:flex;align-items:flex-start;gap:0;margin-top:12px}
.mn__num{display:flex;align-items:flex-start;gap:5px;width:197px;font-family:var(--mincho);font-size:16px;line-height:21px;font-weight:400}
.mn__ph{flex:0 0 16px;margin-top:3px}
.mn__tel p{font-family:var(--mincho);font-size:12px;line-height:20px}
.mn__sub{display:flex;gap:34px;margin-top:40px}
.mn__sub a{padding-left:15px;font-family:var(--mincho);font-size:12px;line-height:16px}
.mn__sub a::before{top:4px;border-left:5px solid var(--ink);border-top:4px solid transparent;border-bottom:4px solid transparent}
.mn__low{display:none}
@media screen and (max-width:768px){
  /* SP：ヘッダー下から。2列（x16／x211）×5行（1行74）＋中央1＋白ボタン358×60＋電話行＋黒地の下段 */
  .mn{top:75px;height:calc(100% - 75px);width:100%;padding:18px 16px 0}
  .mn__cols{grid-template-columns:195px 1fr}
  .mn__list li{height:74px}
  .mn__jp{font-size:12px;line-height:16px}
  .mn__en{margin-top:8px}
  .mn__list--center{height:74px}
  .mn__list:last-child{margin-top:0}
  .mn__fair{width:358px;height:60px;margin:2px 0 0}
  .mn__tel{display:flex;margin-top:12px}
  .mn__num{width:176px}
  .mn__tel p{margin:0}
  .mn__sub{display:none}
  .mn__low{display:block;background:#222;margin:33px -16px 0;padding:56px 0 17px;text-align:center;color:#ccc}
  .mn__low a{color:#ccc}
  .mn__low-site{display:block;height:18px;font-size:14px;line-height:18px;margin-bottom:109px}
  .mn__low-row{display:flex;justify-content:center;gap:41px;height:16px;font-size:12px;line-height:16px;margin:0 0 14px}
  .mn__low-row2{justify-content:flex-start;padding-left:44px;margin-bottom:18px}
  .mn__low-club{display:block;height:16px;font-size:12px;line-height:16px;margin-bottom:100px}
  .mn__low-name{font-family:var(--mincho);font-size:16px;line-height:21px;margin-bottom:10px}
  .mn__low-addr{font-size:12px;line-height:16px}
}

/* ===== メニュー照合・中身照合の残り ===== */
.mn__tel a.mn__num{font-size:16px;line-height:21px;font-weight:400}   /* 東京：番号は16px明朝 */
.mn__sub{margin-top:32px}                                            /* 東京：小リンクの行は y656 */
@media screen and (max-width:768px){
  .mn__low{margin-top:29px}
  .mn__low-site{margin-bottom:109px}
  .mn__low-row{justify-content:flex-start;padding-left:60px;gap:41px}   /* 東京：x60／149／272 */
  .mn__low-row a:nth-child(3){margin-left:10px}
  .mn__low-row2{padding-left:60px}
  .chk__p{font-size:13px;line-height:24px}       /* 東京SP：本文13px */
  .chk .tate,.cllg .tate{font-size:16px}
  .thr p{font-size:13px;line-height:22px}
}

@media screen and (max-width:768px){
  /* 東京SPのメニュー：行と列の間に薄い区切り線、下段の WEBサイト は枠付きボタン（326×40） */
  .mn__cols .mn__list li{border-bottom:1px solid #ddd;box-sizing:border-box}
  .mn__cols .mn__list:first-child{border-right:1px solid #ddd;margin-right:-1px}
  .mn__cols .mn__list:last-child li{padding-left:0}
  .mn__list--center li{border-bottom:1px solid #ddd;box-sizing:border-box}
  .mn__low{padding-top:45px}
  .mn__low-site{width:326px;height:40px;margin:0 auto 98px;border:1px solid #ccc;line-height:38px;box-sizing:border-box}
}

/* ==========================================================================
   2026-09-21 追加：メニューは電話・営業時間を出さない（依頼No.223）。小リンク・黒地の位置は東京と同じ y に保つ
   ========================================================================== */
.mn__sub{margin-top:104px}                       /* 東京：電話行（12+60）＋40 → 小リンクは y656 のまま */
@media screen and (max-width:768px){
  .mn__low{margin-top:101px}                     /* 東京：電話行（12+60）＋29 */
}

/* ===== 章（.wsec）：写真を複数枚（2列・618×618）／本文の下の一覧表 ===== */
.wsec__img--n{display:grid;grid-template-columns:623px 623px;gap:10px;width:1256px}   /* 東京の実測（お料理・ケーキ） */
.wsec__img--n img{width:623px;height:623px;object-fit:cover;display:block}
.wsec__extra{display:flex;gap:40px;margin:40px 0 0}
.wtbl{flex:1 1 0;min-width:0;text-align:left}
.wtbl__hd{font-family:var(--serif2);font-size:16px;line-height:24px;font-weight:400;margin:0 0 12px}
.wtbl__dl{display:grid;grid-template-columns:170px 1fr;margin:0}
.wtbl__dl dt,.wtbl__dl dd{margin:0;padding:10px 0;border-top:1px solid #cfcfcf;font-size:13px;line-height:21px}
.wtbl__dl dt{padding-right:12px}
.wsec.pin .wsec__extra{margin-top:var(--p-ex,320px)}
.wsec.pin .wsec__extra+.wsec__img{margin-top:40px}
@media screen and (max-width:768px){
  .wsec__img--n{grid-template-columns:1fr 1fr;gap:10px;width:auto}
  .wsec__img--n img{width:100%;height:auto;aspect-ratio:1/1}
  .wsec__extra{display:block;margin-top:30px}
  .wtbl+.wtbl{margin-top:30px}
  .wtbl__dl{grid-template-columns:110px 1fr}
  .wtbl__dl dt,.wtbl__dl dd{font-size:12px;line-height:20px;padding:8px 0}
  .wsec.pin .wsec__extra{margin-top:var(--s-ex,300px)}
  .wsec.pin .wsec__extra+.wsec__img{margin-top:30px}
}

/* ==========================================================================
   会場・スタイルの紹介ページ（東京 /ceremony/chapel ・/ceremony/shrine の実測）
   ========================================================================== */
.vh{position:relative;height:816px;background:#f2ede5}
.vh__bc{position:absolute;left:29px;top:24px}
.vh__bc ul{display:flex;font-size:12px;line-height:22px}
.vh__bc li+li::before{content:">";margin:0 6px}
.vh__ttl{position:absolute;left:0;right:0;top:86px;margin:0;text-align:center;font-weight:400}
.vh__jp{display:block;font-family:var(--mincho);font-size:18px;line-height:26px}
.vh__en{display:block;font-size:12px;line-height:18px;margin-top:5px}
.vh__ph{position:absolute;left:216px;top:183px;width:1008px;height:567px}
.vh__ph img{width:100%;height:100%;object-fit:cover;display:block}
.vl{position:relative;height:336px}
.vl__tate{position:absolute;left:50%;top:0;transform:translateX(-50%);margin:0;writing-mode:vertical-rl;
          font-family:var(--serif2);font-size:19.2px;line-height:38.4px;letter-spacing:16px;height:246px;white-space:nowrap}
.vl__p{position:absolute;left:0;right:0;top:274px;text-align:center}
.vl__p p{font-size:14px;line-height:30px;margin:0}
.vp{height:547px;padding:10px 0}
.vp__in{width:936px;height:527px;margin:0 auto}
.vp__in img{width:100%;height:100%;object-fit:cover;display:block}
.es{position:relative;height:1615px}
.es__hd{position:absolute;left:0;right:0;top:0;margin:0;text-align:center;font-family:var(--serif2);
        font-size:22px;line-height:28px;font-weight:400;letter-spacing:2px}
.es__it{position:absolute;left:0;right:0;height:420px}
.es__it:nth-of-type(1){top:115px}
.es__it:nth-of-type(2){top:615px}
.es__it:nth-of-type(3){top:1115px}
.es__panel{position:absolute;left:0;right:0;top:84px;height:252px;background:#ebebeb}
.es__ph{position:absolute;left:60px;top:0;width:640px;height:420px}
.es__it--rev .es__ph{left:740px}
.es__ph img{width:100%;height:100%;object-fit:cover;display:block}
.es__tx{position:absolute;left:740px;top:150px;width:560px}
.es__it--rev .es__tx{left:70px;width:600px}
.es__ttl{font-family:var(--mincho);font-size:17px;line-height:24px;font-weight:400;margin:0 0 17px}
.es__bd p{font-size:13px;line-height:24.5px;margin:0}
.vg{position:relative;height:701px;background:#f2ede5}
.vg__hd{position:absolute;left:0;right:0;top:77px;margin:0;text-align:center;font-family:var(--serif2);
        font-size:22px;line-height:28px;font-weight:400;letter-spacing:4px}
.vg__grid{position:absolute;left:60px;top:161px;display:grid;grid-template-columns:repeat(4,300px);gap:40px}
.vg__grid img{width:300px;height:300px;object-fit:cover;display:block}
.vg__btn{position:absolute;left:560px;top:621px;display:flex;align-items:center;justify-content:center;
         width:320px;height:50px;background:#fff;border:1px solid var(--ink);font-size:14px;letter-spacing:1.4px}
.vbt{height:744px;overflow:hidden}
.vbt img{width:100%;height:100%;object-fit:cover;display:block}
@media screen and (max-width:768px){
  .vh{height:457px;margin:0 -15px}
  .vh__bc{left:22px;top:14px}
  .vh__ttl{left:26px;right:auto;top:63px;text-align:left}
  .vh__jp{font-size:20px;line-height:28px}
  .vh__en{margin-top:3px}
  .vh__ph{left:0;top:139px;width:100%;height:312px}
  .vl{height:373px;margin:0 -15px}
  .vl__tate{font-size:19.2px;line-height:30.72px;letter-spacing:8px;height:190px}
  .vl__p{top:214px;padding:0 30px;text-align:left}
  .vl__p p{line-height:25px;margin:0}   /* 東京スマホは段落どうしが続く（間0） */
  .vp{height:224px;margin:0 -15px}
  .vp__in{width:362px;height:204px}
  .es{height:1423px;margin:0 -15px}
  .es__hd{top:29px;font-size:14px;line-height:20px}
  .es__it{height:auto}
  .es__it:nth-of-type(1){top:82px}
  .es__it:nth-of-type(2){top:532px}
  .es__it:nth-of-type(3){top:982px}
  .es__panel{display:none}
  .es__ph,.es__it--rev .es__ph{position:relative;left:0;width:100%;height:233px;z-index:1}
  .es__tx,.es__it--rev .es__tx{position:relative;left:0;top:0;width:auto;margin-top:-116px;
                              padding:138px 20px 30px;background:#ebebeb;min-height:303px}
  .es__ttl{font-size:15px;line-height:24px;margin-bottom:15px}
  .es__bd p{line-height:25px}
  .vg{height:367px;margin:0 -15px;overflow:hidden}
  .vg__hd{top:37px}
  .vg__grid{left:12px;top:101px;grid-template-columns:178px 178px;gap:10px}
  .vg__grid img{width:178px;height:178px}
  .vg::after{content:"";position:absolute;left:0;right:0;top:200px;height:167px;
             background:linear-gradient(rgba(234,241,245,0),rgba(234,241,245,.92) 45%,#f2ede5)}
  .vg__btn{left:39px;top:188px;width:312px;z-index:2}
  .vbt{height:312px;margin:0 -15px}
}

/* ==========================================================================
   レポート詳細（東京 /report/3724 の実測）
   ========================================================================== */
.rd__top{width:1200px;margin:60px auto 0}
.rd__ta{padding:0 24px;min-height:74px}
.rd__ttl{font-family:var(--mincho);font-size:20px;line-height:32px;font-weight:400;margin:0}
.rd__sub{font-size:14px;line-height:22px;margin:20px 0 0}
.rd__main{position:relative;margin-top:40px;height:575px}
.rd__main img{width:1200px;height:575px;object-fit:cover;display:block}
.rd__main::after{content:"";position:absolute;left:60px;top:575px;height:160px;border-left:1px dotted #999}
.rd__story,.rd__party{background:#f5f5f5;margin-top:120px;padding:80px 0}
.rd__in{display:flex;justify-content:space-between;width:1200px;margin:0 auto}
.rd__story .rd__tx{width:636px}
.rd__stt{font-family:var(--mincho);font-size:18px;line-height:29px;margin:0}
.rd__bd{margin-top:40px}
.rd__bd p{font-size:14px;line-height:22px;margin:0 0 22px}
.rd__bd p:last-child{margin-bottom:0}
.rd__grid{display:grid;grid-template-columns:200px 200px;gap:20px 24px;width:424px}
.rd__cell{width:200px;height:200px}
.rd__cell img{width:200px;height:133px;object-fit:cover;display:block}
.rd__intro{background:#fff;padding:36px 16px 0}
.rd__intro p{font-size:13px;line-height:21px;margin:0}
.rd__intro .rd__nm{font-size:16px;line-height:26px;margin-bottom:8px}
.rd__story{position:relative}
.rd__story::after{content:"";position:absolute;left:50%;bottom:-120px;height:140px;border-left:1px dotted #999}
.rd__sec{width:1248px;margin:120px auto 0}
.rd__sectx{background:#f5f5f5;padding:80px 80px 140px}
.rd__bd--2{column-count:2;column-gap:36px}
.rd__pics{display:grid;grid-template-columns:588px 588px;gap:24px;margin:-60px 24px 0}
.rd__pics img{width:588px;height:392px;object-fit:cover;display:block}
.rd__party .rd__tx{width:610px}
.rd__pimg img{width:450px;height:300px;object-fit:cover;display:block}
.rd__q{position:relative;width:920px;margin:120px auto 0;padding:50px 120px}
.rd__q p{font-size:14px;line-height:30px;text-align:center;margin:0}
.rd__c{position:absolute;width:65px;height:45px;border:0 solid #999}
.rd__c--tl{left:0;top:0;border-left-width:1px;border-top-width:1px}
.rd__c--tr{right:0;top:0;border-right-width:1px;border-top-width:1px}
.rd__c--bl{left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.rd__c--br{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.rd__rel{position:relative;margin:120px 0 120px}
.rd__relhd{position:relative;text-align:center;height:53px;margin-bottom:60px}
.rd__relhd .rhead__jp{font-family:var(--mincho);font-size:18px;line-height:29px}
.rd__relhd .rhead__en{font-size:12px;line-height:20px}
.rd__idx{position:absolute;right:140px;top:6px;display:flex;align-items:center;justify-content:center;
         width:140px;height:40px;border:1px solid var(--ink);font-size:12px}
.rd__idx--sp{display:none}
.rd__rel .news{padding-bottom:0}
@media screen and (max-width:768px){
  .rd__top{width:auto;margin:0 -15px}
  .rd__ta{padding:0 20px;min-height:0}
  .rd__sub{margin-top:20px}
  .rd__main{display:none}
  .rd__story,.rd__party{margin:60px -15px 0;padding:60px 20px}
  .rd__in{display:block;width:auto}
  .rd__story .rd__tx,.rd__party .rd__tx{width:auto}
  .rd__grid{grid-template-columns:168px 168px;gap:14px;width:350px;margin-top:30px}
  .rd__cell{width:168px;height:168px}
  .rd__cell img{width:168px;height:112px}
  .rd__intro{padding:28px 12px 0}
  .rd__story::after{display:none}
  .rd__sec{width:auto;margin:60px -15px 0}
  .rd__sectx{padding:90px 20px 80px}
  .rd__bd--2{column-count:1}
  .rd__pics{grid-template-columns:330px;gap:12px;width:330px;margin:-50px auto 0}
  .rd__pics img{width:330px;height:220px}
  .rd__pimg{margin-top:30px}
  .rd__pimg img{width:100%;height:auto;aspect-ratio:350/231}
  .rd__q{width:auto;margin:60px 15px 0;padding:50px 20px}
  .rd__rel{margin:60px 0 60px}
  .rd__idx{display:none}
  .rd__idx--sp{display:flex;position:static;width:250px;height:47px;margin:30px auto 0}
}

/* ===== 2026-09-21 手直し ===== */
@media screen and (min-width:769px){ .ngd{width:1152px} }   /* 357×3＋40×2＝1151。1150では3枚目が折り返す（PCだけ） */
.wtbl__dl dt,.wtbl__dl dd{padding:8px 0}
.vg::after{content:"";position:absolute;left:0;right:0;top:430px;height:271px;
           background:linear-gradient(rgba(234,241,245,0),rgba(234,241,245,.94) 55%,#f2ede5)}   /* 東京：2段目はぼかして白ボタン */
.vg__btn{z-index:2}
@media screen and (max-width:768px){
  .bc--rep ul{flex-wrap:wrap}
  .bc--rep li{white-space:nowrap}
  .bc--rep li:last-child{white-space:normal}
}

/* 章（.wsec.pin）：写真は東京の実測位置から（--p-img／--s-img）。文字は絶対配置なので写真の余白で位置を決める */
.wsec.pin .wsec__img,.wsec.pin .tc,.wsec.pin .cu__wrap{margin-top:var(--p-img,0px)}
.wsec.pin .wsec__extra+.wsec__img{margin-top:40px}
@media screen and (max-width:768px){
  /* スマホは本文の行数が端末幅で変わるので、写真は固定位置ではなく「本文の下30px」に置く
     （東京も本文の下30px。固定位置だと本文が短いときに大きく空く） */
  .wsec.pin .wsec__desc{position:static;margin-top:calc(var(--s-desc) - 4px)}
  .wsec.pin .wsec__img,.wsec.pin .tc,.wsec.pin .cu__wrap{margin-top:30px}
  .wsec.pin .wsec__extra+.wsec__img{margin-top:30px}
  .wsec__img--n{grid-template-columns:1fr;gap:20px;width:auto}   /* 東京のスマホは360×360を縦に */
}

/* トップのフォトギャラリーの章（スマホ）：本文も絶対配置に（静的だと見出しの下に潜って重なる）。写真の並びは本文の下 200 から */
@media screen and (max-width:768px){
  .tig.pin .tig__p{position:absolute;padding:0;margin:0}
  .tig.pin .tig__grid{margin-top:200px}
}

/* ギャラリー（PC）：2段目の写真は帯の下端で切る（東京は次の写真が上に重なって隠れている） */
.vg{overflow:hidden}

/* ==========================================================================
   2026-09-21 夜：スマホ表示の崩れを直す（_src/スマホ検査.py で洗い出した7か所）
   ========================================================================== */
.vb--480 .vb__ph img{aspect-ratio:720/480}        /* PCの写真は 720×480（前はインライン指定だった） */

@media screen and (max-width:768px){
  /* 1 会場ブロック：スマホの写真は東京と同じ 360×245。PC用の 480 が残ると文字が写真に重なる */
  .vb .vb__ph img,.vb--480 .vb__ph img{height:auto;aspect-ratio:360/245}

  /* 2 挙式会場の案内：文字欄は中身が絶対配置で高さ0になるため、column-reverse では写真が下に落ちて文字に重なる。
       上から「写真→文字」に並べ替える（東京のスマホと同じ並び） */
  .lk{flex-direction:column}

  /* 3 宿泊：章のリード文と縦書き見出しは、スマホでは流し込みにする（PC用の絶対配置だと写真に重なる） */
  .nsec.pin .nsec__lead{position:static;margin:calc(var(--s-ld, 108px) - 90px) 0 0}
  /* 東京SPのリードは章の上端から 章2＝124／章3＝108。番号の箱の下端(90)からの間隔にして pin の値で決める */
  .nsec.pin .cllg .tate{position:static;margin:0 0 12px;text-align:center;font-size:16px}

  /* 4 お料理・メンバーズの章：本文の行数が東京と違うので、スマホは流し込み。
       余白は東京のスマホの間隔（題→小見出し12／小見出し→本文39。灰色地は22／32、写真が先の章は41／26） */
  .wsec.pin .wsec__ttl{margin:0}
  .wsec.pin .wsec__ttl h2{position:static;margin:0}
  .wsec.pin .wsec__ttl p{position:static;margin:12px 0 0}
  .wsec.pin .wsec__desc{position:static;margin:39px 0 0}
  .wsec--gray.pin .wsec__ttl p{margin-top:22px}
  .wsec--gray.pin .wsec__desc{margin-top:32px}
  .wsec--img1.pin .wsec__ttl{margin-top:41px}
  .wsec--img1.pin .wsec__desc{margin-top:26px}
  .wsec.pin .wsec__extra{margin-top:30px}
  .wsec.pin .wsec__img{margin-top:30px}

  /* 5 トップの濃灰帯：東京のスマホは 欧文18px（+223）と和文16px（+250）で27px離れている */
  .tdk__hd .tsub__a{font-size:18px;line-height:23px}
  .tdk__hd .ttl__line{height:0;margin:0}
  .tdk__hd .tsub__b{font-size:16px;line-height:21px;margin-top:4px}

  /* 6 トップのフェア帯：スマホは2段（4枚）まで。5枚目が3段目を作りボタンに重なっていた */
  .tfr__band{height:380px}
  .tfr__band li:nth-child(n+5){display:none}

  /* 7 トップのアクセス帯：見出しを流し込みにして、地図をその下へ（東京は見出し+39→地図→情報+599） */
  .tac.pin .tac__hd{position:static;margin:0 0 0 20px;padding-top:39px}   /* 東京：見出しは x20 */
  .tac.pin .tac__map{margin-top:30px}
}

/* 選ばれる理由の章：スマホは東京と同じ「正方形の写真3枚を縦に積む」（番号は右上）。
   これまでは大写真1枚＋つぶれたサムネ3枚で、下に大きな空きができていた。
   東京の実測（スマホ・章の上端から）：写真 +50／+414／+778（360×360・間4px）、題 +1168 */
@media screen and (max-width:768px){
  .csec.pin{position:relative}
  .csec.pin .csec__num{position:absolute;right:15px;top:0;width:auto;margin:0;z-index:2}
  .csec.pin .csec__num span{font-size:72px;line-height:80px;text-align:right}
  .csec.pin .csec__main{margin:50px 0 0}
  .csec.pin .csec__main img{width:100%;height:auto;aspect-ratio:1/1}
  .csec.pin .csec__thumbs{display:block;margin:0}
  .csec.pin .csec__thumbs>*{display:block;margin-top:4px}
  .csec.pin .csec__thumbs img{width:100%;height:auto;aspect-ratio:1/1}
  .csec.pin .csec__thumbs>*:nth-child(n+3){display:none}   /* 東京は写真3枚（大1＋2枚） */
}

/* 宿泊の黒い導入（スマホ）。東京の実測の並びと間隔（章の上端 650 から）
     写真 650〜938 ／ 見出し 976 ／ 目次 1038・1074・1110（36送り）／ リード 1173 ／ 本文 1334
   ＝「写真→見出し→目次→リード→本文」。並びが違っていた（目次が本文の下）ので東京に合わせる。 */
@media screen and (max-width:768px){
  .intro.pin .intro__img{padding:0 20px}          /* 東京SPの写真は 350x288（左右20px） */
  .intro.pin .intro__img img{width:100%;height:auto;aspect-ratio:350/288}
  .intro.pin .intro__in{display:flex;flex-direction:column;padding:38px 20px 50px}
  .intro.pin .intro__toc{display:contents}
  .intro.pin .intro__toc h3{position:static;order:1;left:auto;top:auto;margin:0 0 33px}
  .intro.pin .intro__toc ol{position:static;order:2;left:auto;top:auto;margin:0;padding:0}
  .intro.pin .intro__toc ol li{margin:0 0 18px}
  .intro.pin .intro__tx{order:3;flex:0 0 auto;margin:27px 0 0}   /* 目次の最後から リード まで 45 */
  .intro.pin .intro__lead{position:static;left:auto;top:auto;width:auto;margin:0 0 34px}
  .intro.pin .intro__body{display:block;position:static;left:auto;top:auto;width:auto}
  .intro.pin .intro__body p{font-size:14px;line-height:24px;margin-bottom:24px}

  /* アイテムの枠付きカード：中身が少ないと上に寄って下が大きく空くので、上下の中央に置く */
  .crc{display:flex;flex-direction:column;justify-content:center}
  .crc__in{padding:0}
}

/* 宿泊の黒い導入：東京より本文が3行短いぶん、帯の高さは中身に合わせる（配置表の FREE）。
   高さを東京の1053に固定すると、下に274pxの黒い空きが残ってしまう（東京の空きは最大170px） */
@media screen and (max-width:768px){
  .intro.pin{display:flex;flex-direction:column}
  .intro.pin .intro__in{flex:0 0 auto}
}

/* ==========================================================================
   2026-09-22：広い画面（1441px以上）での横位置
   東京は画面が広がると地色の帯や大きな写真は横いっぱいに伸び、中身は画面の中央に来る。
   大宮は1440前提の left/width をそのまま持っていたため、広い画面で中身が左に寄っていた。
   ・並び（flex）の行は中央寄せ  ・帯の中の絶対配置は「画面中央−720px＋元の値」  ・全幅の写真は100%
   ※ calc(50% - 720px + N) は幅1440のとき N と同じ値になる（見た目は1440のままで、広い画面だけ中央へ寄る）
   ========================================================================== */
@media screen and (min-width:769px){
  /* 0 画面が1440より狭いときも版面は1440のまま（横スクロールは東京と同じ挙動） */
  main.bd{min-width:1440px}
  /* 1 写真＋文章の横並び（挙式・披露宴・トップの章・アイテム・挙式会場の案内） */
  .vn,.vb,.tb,.cr,.lk{justify-content:center}

  /* 2 幅が決まっている行・一覧を中央へ */
  .bc{width:1440px;margin-left:auto;margin-right:auto}
  .bc--mem{width:1400px;margin-left:calc(50% - 720px + 10px);margin-right:0}
  .vcards{width:1440px;margin-left:auto;margin-right:auto}
  .csec__in{width:1440px;margin-left:auto;margin-right:auto}
  /* ★.cllg を position:relative にすると、その中の縦書き見出しと散らした写真の基準が
     .nsec から .cllg（130px下）に変わってしまう。中身は .nsec 基準のままにして、
     写真の面（.cllg__scatter）だけを中央に寄せる */
  .cllg__scatter{left:calc(50% - 720px);right:auto;width:1440px}
  .nsec.pin .cllg .tate{left:calc(50% - 720px + 709px)}   /* 縦書き見出しも広い画面では中央の版面に合わせる */

  /* 3 帯の中の絶対配置（会場の紹介ページ・宿泊・選ばれる理由・レポート詳細） */
  .vh__bc{left:calc(50% - 720px + 29px)}
  .vh__ph{left:calc(50% - 720px + 216px)}
  .es__ph{left:calc(50% - 720px + 60px)}
  .es__it--rev .es__ph{left:calc(50% - 720px + 740px)}
  .es__tx{left:calc(50% - 720px + 740px)}
  .es__it--rev .es__tx{left:calc(50% - 720px + 70px)}
  .vg__grid{left:calc(50% - 720px + 60px)}
  .vg__btn{left:calc(50% - 720px + 560px)}
  .intro{position:relative}
  .intro.pin .intro__toc h3{left:calc(50% - 720px + 168px)}
  .intro.pin .intro__lead{left:calc(50% - 720px + 499px)}
  .intro.pin .intro__toc ol{left:calc(50% - 720px + 168px)}
  .intro.pin .intro__body{left:calc(50% - 720px + 499px)}
  .nsec.pin .nsec__num h3{left:calc(50% - 720px + var(--p-ttx))}
  .csec.pin .csec__btn{left:calc(50% - 720px + 893px)}
  .rd__idx{right:calc(50% - 720px + 140px)}

  /* 4 全幅の写真・地図は画面いっぱいに（東京と同じ） */
  .tbd__img img{width:100%;min-width:1440px}
  .tac__map iframe{width:100%;min-width:1440px}
  .acc__map iframe{width:100%;min-width:1440px}
  .mband img{width:100%;min-width:1440px}
}

/* フッター下段：東京は左の「サイトマップ」列が画面幅の25%（1440で360・1920で480）。同じ比率にする */
@media screen and (min-width:769px){
  .ft__lower-l{width:25%;flex:0 0 25%}
}

/* ==========================================================================
   2026-09-22：ヘッダーとメニューボタンの直し
   1 メニューボタンの押せる範囲が「三本線そのもの（50×1px）」しかなく、線の上を正確に押さないと反応しなかった。
     東京もボタンの枠は90×90なので、枠いっぱいを押せるようにする（ご依頼No.140「ボタンどこを押しても」）。
   2 ヘッダーの帯は、東京はスクロールすると隠れて三本線だけが残る作り。
     先方のご指摘（常時表示にしてほしい）に合わせて、隠さず出したままにする。
     東京と同じ「スクロールで隠す」に戻すときは、下の .hd.is-away の1行を消すだけ。
   ========================================================================== */
.hd__menu{padding:0}
.hd__menu button{display:flex;align-items:center;justify-content:center;
                 width:90px;height:90px;padding:0;margin:0;border:0;background:transparent;
                 cursor:pointer;-webkit-tap-highlight-color:transparent}
.hd.is-away .hd__in{opacity:1;visibility:visible;transform:none}   /* ← ヘッダーを常時表示（東京は隠す） */
@media screen and (max-width:768px){
  .hd__menu button{width:75px;height:75px}
}

/* ==========================================================================
   2026-09-22：宿泊ページの章番号と縦書き（先方ご指摘）
   1 章番号（筆記体）が上で切れていた。東京は章の上端から60px上に「番号の画像」（126×150・中央）を
     はみ出させて置き、切り取っていない。`.nsec{overflow:hidden}` を外して同じ見え方にする。
   2 縦書きの字間が抜けていた。東京の縦書きは 游明朝・字間13px・行24px（1列）。字間を13pxに合わせる。
   ========================================================================== */
.nsec{overflow:clip visible;display:flow-root;overflow-clip-margin:0}
/* 横だけ切る：東京もスマホの章1で散らした写真が画面幅を12pxはみ出しており、章の箱で切っている。
   縦は切らない（章番号は章の上60pxに出るため。overflow:hidden にすると番号が消える）。
   display:flow-root は余白の相殺を止めるため（overflow:hidden の代わり） */
.tate{letter-spacing:13px}
@media screen and (max-width:768px){
  .tate{letter-spacing:normal}            /* スマホの東京は横書きに切り替わるので字間は戻す */
  .nsec.pin .cllg .tate{letter-spacing:normal}
}

/* 章番号：東京は淡いグレー（#ccc）の大きな筆記体。インクの幅100px・上端は章の60px上から（2026-09-22 画素実測）。
   大宮は色が黒く、字も約半分の大きさだったので合わせる。 */
.nsec__num span{color:#cccccc;font-size:340px;line-height:150px}   /* 字の高さを東京の画像（151px）に合わせる */
@media screen and (max-width:768px){
  .nsec__num{margin-top:-60px}              /* 東京のスマホも番号は章の60px上から（画像126×150） */
  .nsec__num span{font-size:340px;line-height:150px}
}

/* 試し：スマホでも縦書きのまま（東京は 24px幅・字間13px・中央） */
@media screen and (max-width:768px){
  .tate{writing-mode:vertical-rl;letter-spacing:13px;margin-left:auto;margin-right:auto}
  .nsec.pin .cllg .tate{position:static;writing-mode:vertical-rl;letter-spacing:13px;margin:0 auto 14px}
  .chk__tx .tate{writing-mode:vertical-rl;letter-spacing:13px;margin:0 auto 12px}
}

/* ==========================================================================
   2026-09-22：文字の指定を東京に合わせる（字間・文字色）
   東京は本文に字間をとっている（ページごとに 1.2〜2px）。大宮は 0 だったので、役割ごとに合わせる。
   出どころ：_src/文字の指定照合.py（東京をその場で実測して、指定の組み合わせを突き合わせる）
   ========================================================================== */
.csec__desc p{letter-spacing:1.4px}                        /* 選ばれる理由の本文（東京 14px/28・字間1.3〜1.4） */
.wsec__desc p{letter-spacing:1.2px}                        /* お料理・メンバーズの本文（東京 14px/30.8・字間1.2） */
.intro__body p,.cllg__tx p,.chk__p,.thr__it p,.nsec__lead{letter-spacing:1.6px}   /* 宿泊の本文（東京 14px/24・13px/20 とも字間1.6） */
.vl__p p{font-size:13.6px;line-height:29.9px;letter-spacing:2px;color:#333}       /* 会場紹介のリード（東京 13.6px/29.9・字間2・#333） */
.es__bd p{line-height:24.7px;color:#444}                   /* Essence の本文（東京 13px/24.7・#444） */
.chead__en{letter-spacing:-0.4px}                          /* 東京の英字見出しは字間 -0.4 */
@media screen and (max-width:768px){
  .thr{margin-bottom:6px}    /* 字間を入れて本文が1行増えたぶん（14px）を下の余白で吸収し、東京と同じ章の高さ1800に保つ */
}
.nsec.pin .nsec__num h3{font-size:18.72px;letter-spacing:1.6px}   /* 宿泊の章タイトル（東京 18.72px・字間1.6） */
.csec__sub{letter-spacing:1.8px}                                   /* 選ばれる理由の小見出し（東京 明朝18px・字間1.8） */
.es__ttl{line-height:25.5px;letter-spacing:1.4px}                  /* Essence の小見出し（東京 明朝17px/25.5・字間1.4） */

/* ==========================================================================
   2026-09-22：宿泊ページのレイアウト崩れ（先方ご指摘）
   東京の実測（PC）
     章1  動画 560×315（x440 y2192）／縦書き 5文字155px（x709 y2575）／本文 560幅（x440 y2781）
     章2  写真 535×356・色箱 547×356（1行目だけ366）／縦書きは箱の上から48px・中央／本文は箱の下から約51px
   大宮は縦書きの見出しが長く（12文字＝372px）、箱と行の高さが中身に引きずられて伸び、
   本文と重なっていた。→ 縦書きは東京と同じ長さ（174px）で折り返して2列にし、行と箱の高さを固定する。
   ========================================================================== */
/* 縦書きの列割りは build.py の tate_cols() が文字の側で決める（CSSで切り落とさない＝文字が消えない） */
@media screen and (min-width:769px){
  .chk__it{height:356px}                     /* 行の高さは写真と同じ356で固定（中身で伸ばさない） */
  .chk__img img{height:356px}
  .cllg__movie img{height:315px}             /* 東京の動画は 560×315 */
  .nsec.pin .cllg__movie{margin-bottom:274px}  /* 本文を東京と同じ y2781 に置く（動画の下端2507＋274） */
}

/* 縦書きの中の数字は、半角のままだと横に倒れる（東京の縦書きに数字は出てこない）。
   「1泊2日」を正立させる（日本語の縦組みの作法） */
.tate,.vl__tate{text-orientation:upright}

/* 章の「2枚目の写真」（東京の作り）
   お料理の章1：1枚目 1256×707 の下に 992×558（間99）。スマホは 360×202（間80）
   メンバーズの章1：1枚目 1256×707 の下に 950×534（間356）。スマホは 390×219（間323・全幅） */
.wsec__img2{margin-top:var(--i2g,60px);text-align:center}
.wsec__img2 img{width:var(--i2w);height:var(--i2h);object-fit:cover;display:block;margin:0 auto}
@media screen and (max-width:768px){
  .wsec__img2{margin-top:var(--s-i2g,40px)}
  .wsec__img2 img{width:var(--s-i2w);height:var(--s-i2h)}
  .wsec__img2--full{margin-left:-15px;margin-right:-15px}
  .wsec__img2--full img{width:100%;height:auto;aspect-ratio:390/219}
}

/* ==========================================================================
   2026-09-22：東京より中身が少ない帯の「何もない空き」（東京の空きは最大でもPC178px・SP170px）
   東京の高さをそのまま当てていた3か所を、中身に合わせる。
   ========================================================================== */
@media screen and (min-width:769px){
  /* トップのウエディングレポート：東京は全幅の写真帯617px。大宮はカード3枚なので帯は中身なりに */
  .trp{height:auto;padding-bottom:80px}
  /* トップのフォトギャラリー：東京はInstagramの縦写真518×691。大宮は正方形9枚なので中身なりに */
  .tig{height:auto}
}
/* アイテムの枠付きカード：東京は文章が長く311/333/279を埋める。大宮は短いので枠は中身なりに揃える
   （同じ段のカードは flex で同じ高さになる＝段の中で大きさが違って見えない） */
@media screen and (min-width:769px){
  .crr{align-items:stretch}
  .crc,.crr--h333 .crc,.crr--h279 .crc{height:auto;min-height:180px}
  .crc__in{margin-bottom:14px}
}

/* 東京のスマホは章の大写真を正方形に切る（/cuisine は全章 360×360、/anniversary は章1だけ 359×359）。
   1256×707 のまま縮めると 360×203 になり、東京より157px低くなって帯の下に空きが出る */
@media screen and (max-width:768px){
  .wsec--sq .wsec__img img{aspect-ratio:1/1}
}

/* ==========================================================================
   2026-09-22 夜：先方ご指摘（フッターの白枠CTA・名札の折り返し）
   ========================================================================== */
/* ① カードの名札は「文字幅＋左右20px」。東京の名札も 110×34＝文字70＋左右20 で、文字に合わせて組む。
      幅を％で固定していたため「チェリールーム」「ブライダルラウンジ」「少人数会食ウェディング」が
      2行に折り返し、名札の高さも揃わなくなっていた（全8ページ・PC/スマホ） */
.cards__label{width:auto;padding:22px 20px;white-space:nowrap}
@media screen and (max-width:768px){
  .cards__label{width:auto;padding:8px 14px}
  /* ② 会場カードの見出しと定員を1行に並べると、スマホでは名前が折り返す（東京は縦に積む） */
  .vcards__row{display:block}
  .vcards__meta{display:block;margin-top:2px}
}
/* ③ フッターの2つのボタンは東京と同じ 330×54・白い枠・14px・間30（画面幅で伸ばさない） */
.ft__info-btns{gap:30px}
.ft__info-btns a{width:330px;height:54px;border:1px solid #fff;font-size:14px}

/* ④ 最後がボタンで終わるページは、ボタンとフッターの間を東京と同じだけあける。
      東京 /ceremony は最後のボタンの下に80px（スマホ50px）の余白がある（文字の下端からは99／64）。
      配置表のあるページは --fgp で入っているが、型を借りたページ（ウエディングスタイル・フォトギャラリー・
      披露宴会場の下層）は 0px でボタンがフッターに接していた。
      ※全幅の写真で終わるページ（.vbt）は東京も写真がフッターに接するので、そのまま */
.bd:not(.bd--pin) > .btn:last-child{margin-bottom:80px}
@media screen and (max-width:768px){
  .bd:not(.bd--pin) > .btn:last-child{margin-bottom:50px}
}

/* ⑤ アイテムのカード（スマホ）も中身なりの高さに。東京は文章が長く320pxを埋めるが、
      大宮は半分ほどなのでカードの下に空きが残り、ページの最後が東京より75px空いていた */
@media screen and (max-width:768px){
  .crc,.crr--h333 .crc,.crr--h279 .crc{height:auto;min-height:0;padding-bottom:20px}
}

/* ⑥ 章番号（透かし）の大きさと位置を東京に合わせる。
      東京は番号を画像（126×150／169×151／178×156・字そのものは 138×156／170×151／190×161）で置き、
      字の上端は章の上端から -60〜-66。大宮は Italianno の文字なので、
      字の高さが東京と同じ（152〜155）になる font-size 340px にし、位置は relative でだけ下げる
      （margin を動かすと題やリードまで下がってしまうため） */
.nsec__num span{position:relative;top:14px}

/* ==========================================================================
   2026-09-23：写真照合（東京と「写真の大きさ・横位置」を突き合わせる新しい検査）で出た差
   ========================================================================== */
/* ⑦ 選ばれる理由の末尾の帯：東京は 1171×659（x249・PC）／360×202（x15・スマホ）。
      こちらは全幅（1440×667／390×210）にしていた */
.mband{overflow:hidden}
.mband img{width:1171px;height:659px;margin-left:249px}
@media screen and (min-width:769px){
  .mband img{width:1171px;min-width:0;margin-left:calc(50% - 720px + 249px)}
}
@media screen and (max-width:768px){
  .mband{margin:0}
  .mband img{width:360px;height:202px;margin:0 auto}
}
/* ⑧ レポート一覧の写真：東京は PC 357×230／スマホ 342×234（左右24px）。
      こちらは PC 357×238／スマホ 312×217（左右39px）だった */
.ngd__img img{height:230px}
@media screen and (max-width:768px){
  .news{margin:0 -15px;padding:0 24px 40px}
  .ngd{display:grid;grid-template-columns:1fr;gap:30px}   /* 東京のスマホは1列（342幅） */
  .ngd__img img{width:100%;height:auto;aspect-ratio:342/234}
}
/* ⑨ お料理の2列の写真の指定は、上の .wsec__img--n（623×623・間10）に一本化した */

/* ⑩ 宿泊の章3の写真（スマホ）：東京は 290×386 を中央に3枚（x50・説明は幅262・13px・写真の下20）。
      こちらは全幅 360×479 にしていた */
@media screen and (max-width:768px){
  .thr__it{padding:0 35px}   /* 写真の左端を東京と同じ x50 に（本文の左端15＋35） */
  .thr__img img{width:290px;height:386px;aspect-ratio:auto;margin:0 auto 20px;display:block}
  .thr__it p{font-size:13px;line-height:19px}
}
/* ⑪ アクセスの地図（スマホ）：東京は 360×450（左右15px）。こちらは全幅390×450だった */
@media screen and (max-width:768px){
  .acc__map{margin:30px 0 0}
  .acc__map iframe{width:360px;height:450px;margin:0 auto}
}

/* ⑫ 黒い導入の目次には、東京は各項目の左に 6×6 の桃色（#ffc4c4）の四角が付く（項目の左から0・上10）。
      文字は四角の右14px から始まる。当方はこの印が抜けていた */
.intro.pin .intro__toc ol li{position:relative;padding-left:14px}
.intro.pin .intro__toc ol li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;
                                    background:#ffc4c4;clip-path:polygon(50% 87%,0 0,100% 0)}   /* 東京は下向きの三角 */

/* ⑬ トップの「挙式・披露宴会場」の写真は東京と同じく3枚を3秒ごとに切り替える
      （東京は3秒周期。9秒で1周し、重ねた写真をゆっくり入れ替える） */
.tbd__img--slide{position:relative;height:460px}
.tbd__img--slide img{position:absolute;left:50%;top:0;transform:translateX(-50%);
                     opacity:0;transition:opacity .6s ease}
.tbd__img--slide img.is-on{opacity:1}
/* 写真の左右の矢印（東京のレポート帯と同じ44×44の丸） */
.tbd__nav{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border:1px solid rgba(255,255,255,.7);
          border-radius:50%;background:rgba(255,255,255,.75);cursor:pointer;padding:0;z-index:2}
.tbd__nav::before{content:"";position:absolute;left:17px;top:15px;width:10px;height:10px;
                  border-top:1px solid #555;border-right:1px solid #555;transform:rotate(45deg)}
.tbd__nav--prev{left:60px}
.tbd__nav--prev::before{left:19px;transform:rotate(-135deg)}
.tbd__nav--next{right:66px}   /* 東京のレポート帯の矢印と同じ x1330 */
.tbd__nav:hover{background:#fff}
@media screen and (max-width:768px){
  .tbd__nav{width:36px;height:36px;top:calc(50% - 18px)}
  .tbd__nav::before{left:13px;top:12px;width:9px;height:9px}
  .tbd__nav--prev{left:10px} .tbd__nav--prev::before{left:15px}
  .tbd__nav--next{right:10px}
}
@media screen and (max-width:768px){
  .tbd__img--slide{height:469px}
}
@media (prefers-reduced-motion:reduce){        /* 動きを減らす設定の端末では切り替えをゆっくりにする */
  .tbd__img--slide img{transition:none}
}
/* トップのコンセプトの見出しは、東京はPCで1行・スマホで2行に折る（改行は .brsp）。
   スマホで2行になるときだけ、東京は欧字の前が広い（和文の下端1392→欧字1408） */
.brsp{display:none}
@media screen and (max-width:768px){
  .brsp{display:inline}
  .thd--2line .ttl__line{margin-top:16px}
}

/* ==========================================================================
   2026-09-23：お料理の「フランス料理の技法」（東京と作りが違っていた）
   東京は 写真＋見出し＋本文 のセルを2列に並べる（スマホは1列）。当方は写真4枚の格子＋本文まとめ書きだった。
     PC   写真600×600（左x92・右x748／間56）／見出し18px（写真の下20・中央）／本文14px 598幅（見出しの下11）
          次の段は写真の上端から799（＝600＋20＋26＋11＋98＋44）
     SP   写真360×360／見出し18px（写真の下20・中央）／本文（見出しの下13）／次の写真は本文の下34
   ========================================================================== */
.tc{display:grid;grid-template-columns:600px 600px;gap:40px 56px;width:1256px;margin:0;padding:0;list-style:none}
.tc__ph img{width:600px;height:600px;object-fit:cover;display:block}
.tc__en{margin:20px 0 0;font-size:10.5px;line-height:15px;letter-spacing:.22em;color:#a8894f;text-align:center}
/* 英字は確認用1（先方ご確認済み）と同じ。東京は英字が無いので、その下に見出しを置く */
.tc__nm{margin:4px 0 0;font-family:var(--mincho);font-size:18px;line-height:normal;font-weight:400;text-align:center}
.tc__p{margin:7px 0 0;font-size:14px;line-height:26.6px;letter-spacing:-0.7px}
@media screen and (max-width:768px){
  .tc{grid-template-columns:1fr;gap:30px;width:auto}
  .tc__ph img{width:100%;height:auto;aspect-ratio:1/1}
  .tc__p{margin-top:10px;font-size:14px;line-height:25.7px;letter-spacing:normal}
}

/* ==========================================================================
   2026-09-23：全ページ総点検で出た文字の指定のちがい（東京の実測に合わせる）
   ========================================================================== */
/* ① 挙式会場の下層（東京 /ceremony/chapel）の見出し：東京は 20px/行5・欧字12px/行5。
      当方は 20px/行28・12px/行18 で、文字が3px上にずれていた */
@media screen and (max-width:768px){
  .vh__jp{font-size:20px;line-height:5px;margin-top:15px}
  .vh__en{line-height:5px;margin-top:21px}
}
/* ② 同じページのリード（縦書きの下の本文）：東京スマホ 13.6px/行24.48・字間0.68（当方は 行29.9・字間2）。
      PC は東京も 行29.92・字間2.04 のまま（2026-09-23：スマホの値がPCにも効いて行送りが24.5になっていたのを直した） */
@media screen and (max-width:768px){ .vl__p p{line-height:24.5px;letter-spacing:0.7px} }
/* ③ Essence の見出し・小見出し・ギャラリーの見出し（東京の実測） */
.es__ttl{line-height:22.5px;letter-spacing:1.2px}
@media screen and (max-width:768px){
  .vg__hd,.vg__ttl{letter-spacing:3.3px}
}
/* ④ お料理・選ばれる理由のパンくず（スマホ）：東京は y475（当方は 484＝9px下）。
      メンバーズ（.bc--mem）は東京が y482 なのでそのまま */
@media screen and (max-width:768px){
  .bc--wide:not(.bc--mem){padding-top:7px}
}
/* 技法のセルの章は、東京は中身のすぐ下で帯が終わる（下の余白は5px）。
   灰色の章の既定（下100px）のままだと、中身に合わせて縮めたときに帯の下に空きが残る */
.wsec--cells.wsec--gray{padding-bottom:5px}
@media screen and (max-width:768px){
  .wsec--cells.wsec--gray{padding-bottom:10px}
}
/* 見出し箱（.ttl）のすぐ下に質問一覧・情報表・カードが来るときの間（アクセスの追加セクション） */
.ttl + .fq,.ttl + .info,.ttl + .cards{margin-top:50px}
@media screen and (max-width:768px){
  .ttl + .fq,.ttl + .info,.ttl + .cards{margin-top:30px}
}
/* 選ばれる理由・お料理のパンくず（PC）：東京は文字が x30（当方は x10 だった）。メンバーズは x20 で一致 */
@media screen and (min-width:769px){
  .bc--wide:not(.bc--mem) ul{padding-left:20px}
}

/* 選ばれる理由の章番号（透かし）。東京は番号を画像で置いている。
     PC   163×119 の枠に 字は 146〜168×122（x102〜124・上端は枠の上）
     SP   131×96（x254 y630＝章の上）
   当方は Italianno の文字で、110px／72px では字の高さが 90／68 しかなく3割小さかった */
.csec__num span{font-size:257px;line-height:119px;color:#cccccc;position:relative;top:11px}
@media screen and (max-width:768px){
  /* 東京SPの番号は96px・章の上端から-20。`.csec.pin .csec__num span` の指定に負けないよう同じ強さで書く */
  .csec.pin .csec__num span,.csec__num span{font-size:209px;line-height:80px;top:0}
}

/* ==========================================================================
   2026-09-23：お料理の章3「ふたつのコンセプト」（東京の型に組み直し）
   東京の実測（章の上端から・PC 1440）
     1つめ 見出し22px x195 y573／大写真 628×628 x720 y274／肩書 x738 y877／本文（中央）y948
           組 y1126：縦長624×838 は右(x724)、横624×414 ×2 は左(x92 y1126・y1550)
     2つめ 大写真 y2044／見出し y2343／本文 y2718／組 y2896：縦長は左(x92)、横は右(x724)
     スマホ 見出し14px（中央）→ 写真360×360 → 肩書 → 本文 → 写真360×360 ×3
   ========================================================================== */
.cu{position:relative;width:1256px;margin:0 auto}
.cu::before{content:"";position:absolute;left:0;top:0;width:1256px;height:628px;
            background:#f2ede5}   /* 東京：上段に薄い青の地色 */
.cu + .cu{margin-top:80px}
.cu__ttl{position:absolute;left:0;top:299px;width:628px;margin:0;text-align:center;z-index:1;
         font-family:var(--mincho);font-size:22px;line-height:31px;font-weight:400;letter-spacing:1.1px}
.cu__big{position:relative;z-index:1;margin-left:628px;width:628px}
.cu__bigimg{width:628px;height:628px;object-fit:cover;display:block}
.cu__cr{position:absolute;left:0;bottom:0;width:197px;padding-left:18px;box-sizing:border-box;
        margin:0;color:#fff}
.cu__role{font-size:12px;line-height:30px;letter-spacing:1.1px;margin-right:7px}
.cu__name{font-family:var(--mincho);font-size:14px;line-height:30px;letter-spacing:1.1px}
.cu__p{margin:40px 0 0;text-align:center}
.cu__p p{font-size:14px;line-height:30.8px;letter-spacing:1.2px}
.cu__cl{display:grid;grid-template-columns:624px 624px;grid-template-rows:414px 414px;
        gap:10px 8px;margin-top:30px}
.cu__cl .cu__tall{grid-column:2;grid-row:1 / span 2;width:624px;height:838px;object-fit:cover}
.cu__cl .cu__wide{grid-column:1;width:624px;height:414px;object-fit:cover}
.cu--rev .cu__cl .cu__tall{grid-column:1}
.cu--rev .cu__cl .cu__wide{grid-column:2}
@media screen and (max-width:768px){
  .cu{width:auto}
  .cu + .cu{margin-top:52px}
  .cu::before{display:none}
  .cu__ttl{position:static;width:auto;margin:0;height:80px;display:flex;align-items:center;
           justify-content:center;background:#f2ede5;font-size:14px;line-height:20px;
           text-align:center;font-family:var(--gothic);letter-spacing:1.1px}
  .cu__big{margin:0;width:auto}
  .cu__bigimg{width:100%;height:auto;aspect-ratio:1/1}
  .cu__cr{left:0;width:168px;padding-left:7px;bottom:22px;text-align:center}
  .cu__role{font-size:11px}
  .cu__p{margin-top:24px;text-align:left}
  .cu__p p{line-height:26px;letter-spacing:normal}   /* 東京SP：14px／行送り26／字間なし */
  .cu__cl{grid-template-columns:1fr;grid-template-rows:none;gap:10px;margin-top:34px}
  .cu--rev .cu__cl .cu__tall,.cu--rev .cu__cl .cu__wide{grid-column:1}   /* 左右入れかえの単位も、スマホは1列（2列目ができて写真が細くなっていた） */
  .cu__cl .cu__tall,.cu__cl .cu__wide{grid-column:1;width:100%;height:auto;aspect-ratio:1/1}
}

/* ===== スマホは「1文＝1行」で組まず、文章を続けて流す（無駄な改行を出さないため） =====
   PCは東京と同じ行分け（1文ずつの段落）のまま。スマホだけ段落を続け書きにする。
   住所・営業時間・会場のスペックなど、行が意味を持つところは対象にしない。 */
.brpc{display:inline}
@media screen and (max-width:768px){
  .brpc{display:none}
  .lead p,.vn__body p,.vb__text p,.tb__p p,.tbd__p p,.tig__p p,.wsec__desc p,
  .cr__p p,.bsp__p p,.cu__p p,.csec__desc p,.tfr__p p,.tdk__p p,.lk__p p,
  .nsec__lead p,.intro__p p,.chk__tx p,.thr__tx p,.crc__tx,.vg__p p{
    display:inline;margin:0}
}

/* ===== スマホは文節の切れ目で折り返す（2026-09-23 ご指摘「1行で見せたいコピーが変な所で改行している」）=====
   「…おもてな／し。」「…一／日」「受け止め／ます。」のように、言葉の途中で行が割れていた（360〜430pxの全ページで295か所）。
   _src/改行位置.py が文節の切れ目に <wbr> を入れ、日本語を持つ要素に .pb を付ける。
   スマホだけ keep-all で言葉の途中の改行を止め、<wbr> の所でだけ折る（1行に入らない長い語だけは端で折る）。
   見出し・キャッチ・カードの題など2行になるものは balance で2行の長さをそろえる。
   1行で見せる見出し・キャッチは、幅が足りないとき字間→文字の大きさの順に少しだけ詰める（build.py の fit）。
   パンくずは項目の途中で折らず、項目ごとに次の行へ送る。PCは東京と同じ行分けのまま（ここはスマホだけ）。
   PCでは <wbr> を消す：残すと文字の並びがそこで分かれ、約物の詰め（「」「」）や字送りが1〜16pxずれた（全ページで実測） */
@media screen and (min-width:769px){
  wbr{display:none}
}
@media screen and (max-width:768px){
  .pb{word-break:keep-all;overflow-wrap:anywhere}
  .ttl__jp,.wsec__ttl h2,.wsec__ttl p,.csec__sub,.vb__lead,.vn__lead,.lk__ld,.sfb__hd,.rd__ttl,.trp__ttl,.ngd__ttl,
  .es__hd,.tsub__b,.vn__name,.vb__name{text-wrap:balance}
  .bc ul,.vh__bc ul{flex-wrap:wrap}
  .bc li,.vh__bc li{white-space:nowrap}
  .bc li:last-child,.vh__bc li:last-child{white-space:normal}
  .bc--wide ul{text-wrap:balance}   /* レポートのパンくずの題が「…笑顔あふれる／一日」と2字だけ次の行に落ちた（430px） */
  .vh__bc{right:22px}          /* 下層の帯のパンくず：幅を決めないと縮んで「トップペー／ジ」と割れた（360・375px） */
  /* Chrome は white-space:nowrap の中でも <wbr> で改行する（148で確認）。1行のまま見せる所では <wbr> を消す
     （名札「選ばれる／理由」が2行になった）。nowrap を足したら、ここにも足す（改行検査.py が見つける） */
  .cards__label wbr,.cu__cr wbr,.bc li wbr,.bc--rep li wbr,.vh__bc li wbr{display:none}
  .bc li:last-child wbr,.vh__bc li:last-child wbr{display:inline}
  /* 1行で見せる見出し（build.py の fit が付ける）。<wbr> も効かせない。
     white-space は text-wrap をふくむ一括指定なので、上の balance（.wsec__ttl p）に負けないよう2つ重ねて強くする */
  .is-1l.is-1l{white-space:nowrap}
  .is-1l wbr{display:none}
}

/* ===== フォトギャラリーのタブ（確認用1と同じ考え方）=====
   カテゴリーで絞り込み。「すべて」は枚数が多いので最初は12枚で畳んでおく。 */
.pgt{width:1256px;margin:30px auto 0}   /* 本文との間は東京と同じ47px（本文側の17pxと合わせて） */
.pgt__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px}
.pgt__tab{padding:8px 20px;border:1px solid #d5d5d5;background:#fff;border-radius:18px;
          font:inherit;font-size:13px;line-height:20px;color:var(--ink);cursor:pointer}
.pgt__tab:hover{border-color:#aaa;background:#fafafa}
.pgt__tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.pgt__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pgt__it{margin:0}
.pgt__it img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.pgt__it[hidden]{display:none}
.pgt__more{display:block;width:300px;height:56px;margin:40px auto 0;border:1px solid var(--ink);
           background:#fff;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.pgt__more:hover{background:#fafafa}
.pgt__more[hidden]{display:none}
@media screen and (max-width:768px){
  .pgt{width:auto;margin:12px 15px 0}   /* スマホは本文との間28px */
  .pgt__tabs{gap:8px;margin-bottom:20px}
  .pgt__tab{padding:6px 14px;font-size:12px}
  .pgt__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pgt__more{width:100%;max-width:300px;height:45px;font-size:13px;margin-top:24px}
}

/* ==========================================================================
   2026-09-23：スマホの「章の中の余白」を東京に合わせる（トップ）
   東京は「写真→見出し→本文→ボタン」で、ボタンの下で章が終わる（会場の帯は+52、パネルは+51、アクセスは+79）。
   当方は章の高さを東京に固定していたので、本文が東京より短い章ではボタンの下に 23〜89px の空きが残っていた
   （_src/章の余白照合.py で検出）。本文とボタンを流し込みにして、章の高さは中身まかせ（配置表 FREE）にする。
   本文→ボタンの間は章ごとに東京の値（--s-gap。パーツの pin に書く）。
   左右：東京は 反転の章の本文 x39／会場の帯 x20（当方は x15／x35 にずれていた）
   ========================================================================== */
@media screen and (max-width:768px){
  /* 写真(448・プラン239)の下から、東京の本文の位置まで空けて流す */
  .tb.pin .tb__flow{position:static;width:auto;margin:calc(var(--s-p) - 2px - 448px) 0 0}
  .tb--plan.pin .tb__flow{margin-top:calc(var(--s-p) - 2px - 239px)}
  .tb.pin .tb__p{margin-left:15px;width:350px}
  .tb--rev.pin .tb__p{margin-left:39px;width:324px}
  .tb.pin .tb__btn,.tb--rev.pin .tb__btn,.tb--panel.pin .tb__btn{margin:var(--s-gap,35px) auto 0}
  .tb.pin{padding-bottom:0}
  .tb--panel.pin{padding-bottom:51px}     /* 東京：パネルはボタンの下 51px で終わる */
  .tb--panel.pin .tb__tx{padding-bottom:0}  /* PCの下余白36pxをスマホに持ち込まない */
  /* 会場の帯：写真(469)の下から見出しの位置まで。見出し・本文は x20、ボタンは画面の中央 */
  .tbd.pin .tbd__flow{position:static;width:auto;margin:calc(var(--s-hd) - 12px - 469px) 0 0}
  .tbd.pin .tbd__btns{margin:var(--s-gap,35px) auto 0}
  .tbd.pin .tbd__btns a:last-child{margin-bottom:0}
  .tbd.pin .tbd__sp{height:52px}           /* 東京：ボタンの下 52px で帯が終わる */
}
@media screen and (max-width:768px){
  /* アクセス帯：見出しの字の上端は章の上から38.5（行の高さ5pxの字は箱から上に10.5はみ出す）。
     名前→住所→ボタンは流し込み（東京：住所の最終行の下32pxにボタン。住所の行数で位置を変える） */
  .tac.pin .tac__hd{padding-top:49.5px}
  .tac.pin .tac__row{margin:32px 0 0 20px}      /* 地図の下32pxに名前（先頭の子の余白は親と重なるので、ここで取る） */
  .tac.pin .tac__info{margin:0}
  .tac.pin .tac__nm{position:static;margin:0}
  .tac.pin .tac__ad{position:static;margin:8px 0 0}
  .tac.pin .tac__btns{position:static;margin:30px 0 0 42px}
  .tac.pin .tac__btns a:last-child{margin-bottom:0}
}

/* ==========================================================================
   2026-09-23：選ばれる理由（スマホ）を東京の実測どおりに
   東京SP（章の上端から）：写真 50／414／778（360角）→ 題 1168（明朝18・行19.8・字間2）
     → 小見出し 1222（16・行24・字間1）→ 本文 1300（14・行26.6・字間0.2）→ 本文の行の箱の下 34.6 にボタン
     → ボタンの下 60（最後の章は40）で章が終わる。ボタンの文字は字間 -1。
   当方は PCの字間（本文1.4・小見出し1.8）をスマホにも当てていて、本文→ボタンが45・ボタンの下に66〜113の空きがあった。
   ページの見出し：東京は字間2.8、見出しの下10で章が終わる（高さは中身まかせ）。
   ========================================================================== */
@media screen and (max-width:768px){
  .csec.pin{padding-bottom:var(--s-pb,60px);margin-bottom:0}
  .csec.pin .csec__ttl{margin-top:34px}
  .csec.pin .csec__ttl h2{line-height:19.8px;letter-spacing:2px;margin-bottom:0}
  .csec.pin .csec__sub{margin-top:30px;line-height:24px;letter-spacing:1px}
  .csec.pin .csec__desc{margin-top:26.4px}
  .csec.pin .csec__desc p{line-height:26.6px;letter-spacing:.2px}
  .csec.pin .csec__btn{margin:29.6px auto 0}
  .csec.pin .csec__btn a{letter-spacing:-1px}
  .pg-concept .chead{padding:40px 0 10px}
  .pg-concept .chead__jp,.pg-cuisine .chead__jp{letter-spacing:2.8px}   /* 東京の選ばれる理由・料理の見出しは字間2.8（メンバーズは0） */
}

/* ==========================================================================
   2026-09-23：お知らせ帯（スマホ）を東京 /banquet SP と同じ組みに
   東京SP（帯の上端から）：見出し中央 49.4／TOPICS 80.4 → 一覧（x20〜370）
     1件＝日付13px(#222) → 10下に見出し14px(#000) → 15下に線(#ddd) → 29下に次の日付（1件90送り・1件目の日付は150.4）
     最後の線の下40にボタン（273×45・中央）→ ボタンの下52で帯が終わる
   当方は PCの2列組み（日付｜見出し）のままで、見出しが細い列で3〜4行に折れ、ボタンが帯の外（フッターの上）にはみ出していた。
   ========================================================================== */
@media screen and (max-width:768px){
  .tpc.pin .tpc__in{padding:60.4px 0 0}
  .tpc.pin .tpc__hd{text-align:center;margin:0}
  .tpc.pin .tpc__list{height:auto;margin:30px 0 0}
  .tpc.pin .tpc__list li{margin:0 20px;padding:29px 0 15px;border-bottom:1px solid #ddd;font-size:14px;line-height:18px}
  .tpc.pin .tpc__list a,.tpc.pin .tpc__row{display:block;padding:0}
  .tpc.pin .tpc__date{display:block;font-size:13px;line-height:17px;color:#000}
  .tpc.pin .tpc__ttl{display:block;margin-top:10px;font-size:14px;line-height:18px;color:#000}
  .tpc.pin .tpc__btn{position:static;display:flex;margin:40px auto 0;width:273px;height:45px}
  .tpc.pin .tpc__sp{height:51.6px}
}
@media screen and (max-width:768px){
  /* リード（スマホ）：東京SPは題の字の上端が+17、題の最後の行の下27に本文（題の行の箱は26・字は21） */
  .lead{padding-top:15px}
  .lead__gap{height:22px}
}

/* ==========================================================================
   2026-09-23：パーティーレポートのカード（東京 /report・PC/SP 共通の縦の並び）
   東京：写真の下12に題（明朝16）→ 題の下25に説明（明朝13・行21・#222）→ 説明の下30に札の行
     札＝会場（灰地#888・白字12・内側3/8）、続けて「人数 83名」「挙式月 3月」（灰字#888・12）。札→字12.6、字→字20.6
   当方は説明が空で（札の位置は説明ぶん下げたまま）、札も枠線だけの別の見た目だった。説明は各レポートのリード文。
   カテゴリのボタン：東京の枠は #727A8D、2列は x26／x197.6（当方は #ddd・x45／x216 で右にずれていた）
   ========================================================================== */
.ngd__ttl{margin-top:9.5px;font-family:var(--mincho);font-size:16px;line-height:normal;color:#000}
.ngd__desc{min-height:0;margin-top:20.5px;font-family:var(--mincho);font-size:13px;line-height:normal;color:#000}   /* 東京も全文（2〜4行） */
.ngd__desc:empty{display:none}
.ngd__tags{display:flex;flex-wrap:wrap;align-items:center;margin-top:28px;font-size:12px;line-height:20px}
.ngd__tags .ngd__tag{display:block;background:#888;border:1px solid #888;color:#fff;padding:3px 8px;margin:0 6px 0 0;
                     font-size:12px;line-height:12px}
.ngd__tags .ngd__info{display:block;border:0;padding:0;margin:0 0 0 20.6px;color:#888;font-size:12px;line-height:12px}
.ngd__tags .ngd__tag+.ngd__info{margin-left:6.6px}
.ngd li[hidden]{display:none}
@media screen and (min-width:769px){ .ngd li{padding-bottom:42px} }   /* 東京PC：いちばん長いカードの札の下42で次の段 */
.cat,.cat.is-on{border-color:#727a8d}
@media screen and (max-width:768px){
  .ngd__ttl{margin-top:10px;font-size:16px;line-height:normal}
  .ngd__desc{margin-top:20px}
  .ngd__tags{margin-top:28px}
  .cats__in{padding-left:26px;gap:10px 8.6px}
  .cat:first-child{margin-left:-2px}      /* ALL は x24〜366 */
  .ngd{gap:42px}                          /* 東京SP：札の行の下82で次の写真（li の下40＋42） */
}

/* ==========================================================================
   2026-09-23：アクセスページの住所欄（東京 /access の実測）
   東京：住所 → 1行あけて → 経路2行。会場名の行は無い。PC 14px・行27・中央（字の上端 +17／+61／+88・欄の高さ123）
                                              SP 12px・行22・左（+19／+63／+85・下14）
   ========================================================================== */
.acc__info{height:auto;min-height:0;padding:13px 0 12px}
.acc__info p{font-size:14px;line-height:27px}
.acc__info .acc__rt{margin-top:17px}
@media screen and (max-width:768px){
  .acc__info{padding:16px 0 14px}
  .acc__info p{font-size:12px;line-height:22px}
  .acc__info .acc__rt{margin-top:22px}
  .acc__info p:nth-child(3){display:block}   /* 東京のスマホも3行目（経路）まで出している */
}

/* ==========================================================================
   2026-09-23：ウエディングアイテム（スマホ）の提携先カードを東京 /creators SP の組みに
   東京：幅281（x64.6〜345.4）・区切り線はカードの下（#ccc・カード幅）・高さは中身まかせ
     線 → 27 → 名前（明朝16）→ 29 → 説明（12・行22・#222）→ 28 → URL（太字12・#0F82BF）→（Instagram）→ 40 → 線
     パネルの題は上から+26、本文は幅280。最後の線の下10.6で章が終わる。
   当方は高さ320の箱の上下中央に中身を置いていて（線は全幅）、名前が線に密着・ゴシック体・説明が右端まで伸びていた。
   ========================================================================== */
@media screen and (max-width:768px){
  .cr__in,.cr--rev .cr__in{padding:30px 31px 0}
  .crr,.crr--first,.crr--next{display:block;width:280.8px;margin:20px 0 0 49.6px}
  .crr--next{margin-top:0}
  .crc{display:block;width:auto;height:auto;margin:0;padding:27px 0 40px;box-sizing:border-box;border:0;border-bottom:1px solid #ccc}
  .crc__in{width:auto;margin:0;padding:0}
  .crc__nm{font-family:var(--mincho);font-size:16px;line-height:21px;color:#000}
  .crc__tx{display:block;margin-top:26px;font-size:12px;line-height:22px;color:#000}   /* 続け書き（inline）の対象から外す */
  .crc__url{display:block;width:fit-content;margin-top:25px;font-size:12px;line-height:16px;font-weight:700;color:#0f82bf}
  .crc__sns{display:none}
  .crg{padding-bottom:10.6px}
}

/* ==========================================================================
   2026-09-23：宿泊（スマホ）章2「二日間の流れ」・章3「翌朝のひととき」を東京の間隔に
   東京SP（章の上端から）
     章2：リード 124.1（14px・行24・x20）→ リードの下63に写真 → 写真の下28に縦書き（中央）→ その下3に本文
          → 本文の下62に次の写真（青い箱の下28.5＋白30）→ 最後の本文の下62.4で章が終わる
     章3：リード 128.2（題の下60）→ リードの下43に写真 290×386 → 写真の下19に説明（13px・行20）
          → 説明の下54に次の写真 → 最後の説明の下42で章が終わる
   当方は 縦書きが左寄せ・本文が縦書きの横に続いて流れ（続け書きの指定が効いていた）、写真と説明の間も詰まっていた。
   ========================================================================== */
@media screen and (max-width:768px){
  .nsec.pin .nsec__lead{padding:0 5px;line-height:24px}
  .nsec.pin .chk{margin-top:60px;padding-bottom:30.4px}
  .nsec.pin .chk__it{display:block;height:auto;margin:0 0 30px}
  .nsec.pin .chk__it:last-child{margin-bottom:0}
  .nsec.pin .chk__tx{display:block;padding:28px 18px 28.5px}
  .nsec.pin .chk__tx .tate{display:block;margin:0 auto}
  .nsec.pin .chk__tx .chk__p{display:block;margin:0}
  .nsec.pin[id="2"]{padding-bottom:0}      /* 章2の下の余白は .chk の中で取る */
  .nsec.pin .thr{display:block;margin:40px 0 0;padding-bottom:30.5px}   /* 章3は章の下10＋30.5＋行の余り1.5＝42 */
  .nsec.pin .thr__it{margin:0 0 52.5px}
  .nsec.pin .thr__it:last-child{margin-bottom:0}
  .nsec.pin .thr__img img{margin:0 auto 18px}
  .nsec.pin .thr__it p{display:block;font-size:13px;line-height:20px}
}
@media screen and (max-width:768px){
  .intro.pin .intro__body p:last-child{margin-bottom:10px}   /* 東京SP：黒い導入は最後の行の下63で終わる */
}
@media screen and (max-width:768px){
  .tc__p{margin-top:7px}   /* 東京SP：技法の見出し（18px）の下13に本文 */
}

/* ==========================================================================
   2026-09-23：スマホの文字の指定（字間・行送り・書体）を東京SPの実測に合わせる
   出どころ：_src/文字の指定照合_章ごと.py（章ごとに東京と並べて差を出す）
   PCの字間（本文1.2〜1.6）をスマホにもそのまま当てていたところを、東京SPの値に戻す。
   ========================================================================== */
@media screen and (max-width:768px){
  /* トップ TOPICS 帯：東京SPは 見出し（明朝16・行32・x58）→ 日付（13）→ 見出し（13・細字）の縦積み */
  .tpx__in{display:block;height:141px;padding:0 0 0 58px;box-sizing:border-box;gap:0}
  .tpx__lb{display:block;width:auto;padding-top:17.7px;text-align:left;font-family:var(--mincho);
           font-size:16px;line-height:32px;letter-spacing:0}
  .tpx__bar{display:none}
  .tpx__in a{display:block;margin:22.5px 0 0;font-size:13px;line-height:17px;font-weight:400}
  .tpx__date{display:block}
  .tpx__ttl{display:block;margin-top:7px}
  /* トップ CONCEPT の欧文キャッチ（東京 THE GRACEFUL RESONANCE：明朝18・字間2） */
  .pg-top main.bd>.tb:nth-child(3) .tsub__a{letter-spacing:2px}
  /* トップのレポート：題は明朝16・行26 */
  .trp__ttl{line-height:26px}
  /* 料理：章の欧文見出し 字間1／小見出し 字間1.7／本文 字間0 */
  .pg-cuisine .wsec__ttl h2{letter-spacing:1px}
  .pg-cuisine .wsec__ttl p{letter-spacing:1.7px}
  .wsec__desc p{letter-spacing:normal}
  /* メンバーズ：章2の題 字間1.8・章3の題 字間0.9／本文 行25.2 */
  .pg-members main.bd>.wsec:nth-child(4) .wsec__ttl h2{letter-spacing:1.8px}
  .pg-members main.bd>.wsec:nth-child(5) .wsec__ttl h2{letter-spacing:.9px}
  .pg-members .wsec__desc p{line-height:25.2px}
  /* 宿泊の黒い導入：IN THE HOTEL（22・字間1.6）／リード（明朝18・行26・字間1.6・字の上端 +1173） */
  .intro.pin .intro__toc h3{letter-spacing:1.6px}
  .intro.pin .intro__lead{letter-spacing:1.6px}
  .intro.pin .intro__tx{margin-top:25px}
}

/* ==========================================================================
   2026-09-23：トップのウエディングレポート帯（東京の実測）
   カード＝写真 → 題（明朝16・行26）→ 説明（明朝13・全文）→ 札（会場・灰地白字）＋人数・挙式月（灰字）
   SP：カード253.3×写真174.8・間20.1、中央のカードは x68.3（左右に前後のカードがのぞく）。
       矢印は 30×30 の丸（濃い灰）を写真の上から70、x58.5／x301.5 に（当方はスマホで矢印を消していた）
       写真の下13.9に題 → 題の下25に説明 → 説明の下30に札
   ========================================================================== */
.trp__desc{margin-top:20.5px;font-family:var(--mincho);font-size:13px;line-height:normal;color:#000}
.trp__tags{display:flex;flex-wrap:wrap;align-items:center;margin-top:28px;font-size:12px;line-height:12px}
.trp__tag{display:block;background:#888;border:1px solid #888;color:#fff;padding:3px 8px;margin-right:6px}
.trp__info{display:block;margin-left:20.6px;color:#888}
.trp__tag+.trp__info{margin-left:6.6px}
.trp__meta{display:none}
.trp li{flex:0 0 372px}          /* 東京PC：372幅で3枚見せて横に流す（縮めて8枚を詰め込んでいた） */
.trp__ttl{margin-top:12.5px;line-height:26px}   /* 東京PC：写真の下15に題の字（行26） */
@media screen and (max-width:768px){
  .trp{margin:30px -15px 0;padding:0}
  .trp ul{position:relative;gap:20.1px;padding:0 0 4px}
  .trp li{flex:0 0 253.3px;width:253.3px}
  .trp img{width:253.3px;height:174.8px}
  .trp__ttl{margin-top:11.4px;line-height:26px}
  .trp__nav{display:block;top:70px;width:30px;height:30px;border:0;border-radius:50%;background:#333;z-index:2}   /* 東京SPも塗りつぶし（透けない） */
  .trp__nav::before{left:9px;top:10.5px;width:8px;height:8px;border-color:#fff}
  .trp__nav--prev{left:58.5px}
  .trp__nav--prev::before{left:12.5px}
  .trp__nav--next{left:301.5px}
  .trp__more{margin-top:43px}      /* 東京：いちばん長いカードの札の下47に「一覧」 */
}
@media screen and (max-width:768px){
  .vcards__cap{height:auto}   /* PCの説明欄の高さ130をスマホに持ち込まない（ボタンの上に76pxの空きが出ていた） */
}
/* ギャラリー帯の見出し（東京 /ceremony/chapel）：明朝22・行normal・字間3.3。字の上端は帯の上から PC +79.8／SP +39.7 */
.vg__hd{line-height:normal;top:79.8px;letter-spacing:3.3px}
@media screen and (max-width:768px){ .vg__hd{top:39.7px} }
/* 料理「ふたつのコンセプト」の帯の見出し：東京は PC 22px・SP 14px とも Noto Serif JP・字間1.1（当方はSPがゴシック・PCが游明朝だった） */
.cu__ttl{font-family:var(--serif2)}
@media screen and (max-width:768px){ .cu__ttl{font-family:var(--serif2)} }
/* メンバーズの欧文見出し：東京は字間0.1（選ばれる理由などは -0.4） */
.pg-members .chead__en{letter-spacing:.1px}
/* 提携先カード（PC・東京 /creators）：店名は游明朝16・#222（字の上端は枠の中の上から +2.5）、説明は #222・店名の下29 */
.crc__nm{font-family:var(--mincho);line-height:21px;color:#000;margin-top:1.5px}
.crc__tx{color:#000;margin-top:26.5px}
@media screen and (max-width:768px){
  .crc__nm{margin-top:0}
  .crc__tx{margin-top:26px}
}
@media screen and (max-width:768px){
  /* 章の先頭が写真のとき（メンバーズ）：東京SPは写真が章の上端から（当方は本文用の+30が先頭に付いていた） */
  .wsec__in>.wsec__img:first-child{margin-top:0}
  /* メンバーズ：題の下22.8に本文（東京SP） */
  .pg-members .wsec.pin .wsec__desc{margin-top:19.8px}
  /* レポート一覧：最後のカードの札の下40で章が終わる（東京SP） */
  .ngd li:last-child{margin-bottom:0}
}
@media screen and (max-width:768px){
  .pg-members main.bd>.wsec:nth-child(4){padding-bottom:5px}   /* 東京SP：章1は2枚目（動画枠）の下5で終わる */
}

/* ==========================================================================
   2026-09-23：よくあるご質問の行（東京 /faq・PC/SP 共通）
   東京：左の40×40は白地に「Q.」（下に伸びた分だけ #F7F7F7 の帯）、質問は枠1px #F7F7F7 の箱（内側8/16）、行と行の間1px。
   当方は「Q」（点なし）が灰地・行の区切りが全幅の #DDD の線だった。見出しは游明朝。
   ========================================================================== */
.fq__hd{font-family:var(--mincho)}
.fq__it{border-bottom:0}
.fq__it+.fq__it{margin-top:1px}
.fq__ic::before{content:"Q.";background:#fff}
.fq__q{border:1px solid #f7f7f7;padding:8px 16px}
@media screen and (max-width:768px){
  /* よくあるご質問の区分は画面いっぱい（x15〜375）。縦並びの中で margin:auto だと中身の幅に縮んで中央に寄っていた */
  .bd>.fq{width:auto;margin-left:0;margin-right:0;align-self:stretch}
}

/* ==========================================================================
   2026-09-23：会場カードの並び（ご指摘「ほかの披露宴会場が左寄りで不自然」）
   披露宴会場の目次は東京と同じ4会場で1列が埋まる（スイートルームウエディングを4つ目に）。
   下層ページの「ほかの披露宴会場」（2〜3枚）は中央にそろえる（ほかのページのカード .cards と同じ）。
   スマホも半端な1枚は中央に。
   ========================================================================== */
.vcards:not(.vcards--index){justify-content:center}
@media screen and (max-width:768px){
  .vcards:not(.vcards--index){display:flex;flex-wrap:wrap;justify-content:center;gap:30px 14px}
  .vcards:not(.vcards--index) li{width:calc(50% - 7px)}
}

/* ==========================================================================
   2026-09-23：ウエディングスタイルの下層（少人数・大人数・フォト）に確認用1の中身を入れる
   東京 /ceremony/chapel の章の間に入る「大宮だけの章」（data-extra）。書体・色・線は東京の部品にそろえる。
     リード：縦書きの見出しの下に 札（会場・人数）→ 引用 → リード → 本文。高さは中身まかせ
     おすすめ：淡い灰 #F5F5F5 の箱／フェアの案内：淡い青 #f2ede5 の箱＋白ボタン
     1日の流れ：写真＋見出し（明朝16）＋本文13 を3列（スマホは写真を左に小さく）。時刻は出さない
     レポート：レポート一覧と同じカード／フェア：ほかのページの末尾と同じ／よくあるご質問：/faq と同じ行
   ========================================================================== */
.bd--pin>[data-extra]{margin-top:100px}
/* 章どうしの間は章の margin で持つ。章の先頭の見出しの margin-top（PC100／SP70）まで足すと 191px 空いた */
.bd--pin>[data-extra]>.ttl:first-child{margin-top:0}
/* 東京の章の直後は、東京のその章のあとの間隔をそのまま使う（Essence→ギャラリー 40／帯→見出し 85。SP 61／60） */
.bd--pin>.es+[data-extra]{margin-top:40px}
.bd--pin>.vg+[data-extra]{margin-top:85px}
/* 大宮だけの章 → ギャラリーの帯：東京の Essence の写真の下端 → 帯（80＋40＝120）と同じ見た目にする。
   Essence は箱の下に80の空きを持つが、大宮だけの章は持たないので帯の margin で足す（PCだけ。SPは東京も箱に接する） */
@media screen and (min-width:769px){ .bd--pin>[data-extra]+.vg[data-gp]{margin-top:120px!important} }
.vl--more{height:auto}
.vl--more .vl__p{position:static;padding-top:274px}
.vl__badges,.vl__p .vl__badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 22px}   /* .vl__p p{margin:0} より強く */
.vl__badges span{display:block;padding:5px 14px;border:1px solid #bbb;font-size:12px;line-height:18px;letter-spacing:.5px;color:#444}
.vl__body{margin-top:22px}
.sck{width:760px;margin-left:auto;margin-right:auto;padding:50px 90px 46px;background:#f5f5f5;box-sizing:border-box}
.sck__hd{margin:0;text-align:center;font-family:var(--mincho);font-size:18px;line-height:26px;font-weight:400}
.sck__list{margin:28px 0 0;padding:0;list-style:none}
.sck__list li{position:relative;padding-left:30px;font-size:14px;line-height:26px}
.sck__list li+li{margin-top:12px}
.sck__list li::before{content:"";position:absolute;left:4px;top:7px;width:11px;height:6px;
                      border-left:1.5px solid #8b734a;border-bottom:1.5px solid #8b734a;transform:rotate(-45deg)}
.bd--pin>.sck+.sfb{margin-top:30px}
.sfb{width:760px;margin-left:auto;margin-right:auto;padding:46px 60px 50px;background:#f2ede5;box-sizing:border-box;text-align:center}
.sfb__hd{margin:0;font-family:var(--mincho);font-size:18px;line-height:26px}
.sfb__p{margin-top:18px}
.sfb__p p{margin:0;font-size:14px;line-height:26px}
.sfb__btn{margin:28px auto 0}
/* 見出し → リード：東京のフェアの章と同じ 50（SP 30）／リード → 中身：東京のレポート一覧と同じ 40（SP 30）／見出し → 行：東京の見出し → カードと同じ 50 */
.sfl__lead,.srp__lead{margin:50px auto 0;text-align:center;font-size:14px;line-height:26px}
.sfl__list{display:flex;flex-wrap:wrap;justify-content:center;gap:44px 40px;width:1152px;margin:40px auto 0;padding:0;list-style:none}
.sfl__it{width:357px}
.sfl__ph img{display:block;width:357px;height:238px;object-fit:cover}
.sfl__ttl{margin:16px 0 0;font-family:var(--mincho);font-size:16px;line-height:26px;font-weight:400}
.sfl__p{margin:8px 0 0;font-size:13px;line-height:22px}
.sfl__note{margin:34px auto 0;text-align:center;font-size:12px;line-height:20px;color:#666}
.srp .news{margin-top:40px;padding-bottom:0}
/* カード → 一覧ボタン：東京のカード → 大ボタンと同じ 50（SPはトップのレポート帯と同じ 行の箱49） */
.srp .btn--wide{margin:50px auto 0}
/* PCのレポート一覧は段の下に42を持つ（li の padding）。ここは最後の段の下にボタンが来るので段の間だけにする */
@media screen and (min-width:769px){ .srp .ngd{row-gap:42px} .srp .ngd li{padding-bottom:0} }
/* フェアの案内：ほかのページの末尾と同じ「見出し → リード → ボタン」（東京 見出し→リード50・リード→ボタン50／SP 20・30） */
.sfc .lead{margin-top:50px}
.sfc .btn--wide{margin:50px auto 0}
.sfq .fq{margin-top:50px}
.fq--nohd .fq__rows{margin-top:0}
@media screen and (max-width:768px){
  .bd--pin>[data-extra]{margin-top:60px}
  .bd--pin>.es+[data-extra]{margin-top:61px}
  .bd--pin>.vg+[data-extra]{margin-top:60px}
  .vl--more .vl__p{padding-top:214px}
  .vl__badges,.vl__p .vl__badges{justify-content:flex-start;gap:8px;margin-bottom:18px}
  .vl__badges span{padding:4px 10px;font-size:11px;line-height:16px}
  .vl__body{margin-top:24px}   /* リードと本文（確認用1）の間だけ空ける */
  .sck{width:auto;margin-left:0;margin-right:0;padding:32px 20px 30px}
  .sck__hd{font-size:16px;line-height:24px}
  .sck__list{margin-top:20px}
  .sck__list li{padding-left:26px;font-size:13px;line-height:23px}
  .sck__list li+li{margin-top:10px}
  .sck__list li::before{left:3px;top:6px}
  .bd--pin>.sck+.sfb{margin-top:20px}
  .sfb{width:auto;margin-left:0;margin-right:0;padding:32px 20px 34px}
  .sfb__hd{font-size:16px;line-height:24px}
  .sfb__p{margin-top:14px}
  .sfb__p p{font-size:13px;line-height:23px;text-align:left}
  .sfb__btn{margin-top:22px}
  .sfl__lead,.srp__lead{margin-top:30px;padding:0 5px;font-size:13px;line-height:23px;text-align:left}
  .sfl__list{display:block;width:auto;margin:30px 0 0}
  .sfl__it{display:flex;gap:14px;width:auto}
  .sfl__it+.sfl__it{margin-top:22px}
  .sfl__ph{flex:0 0 130px}
  .sfl__ph img{width:130px;height:98px}
  .sfl__tx{flex:1 1 auto;min-width:0}
  .sfl__ttl{margin:0;font-size:15px;line-height:22px}
  .sfl__p{margin-top:4px;font-size:12px;line-height:20px}
  .sfl__note{margin-top:22px;padding:0 5px;font-size:11px;line-height:18px;text-align:left}
  .srp .news{margin:30px -15px 0;padding:0 24px}
  .srp .btn--wide{margin-top:47px}
  /* フェアの案内の見出し → リード：東京 /banquet のスマホは 30（配置表のあるページは pin で 30。型流用のページは既定の 20 だった） */
  .sfc .lead,.bd:not(.bd--pin)>.ttl--sec+.lead{margin-top:30px}
  .sfc .btn--wide{margin-top:30px}
  .sfq .fq{margin-top:30px}
}

/* ==========================================================================
   2026-09-23：会場・スタイルの紹介ページ（東京 /ceremony/chapel 型）のスマホを「中身の量で流す」作りに
     東京のスマホの Essence は「写真233 ＋ 灰色の箱（写真に116重なる・文字の下30で終わる）」を間30で縦に積み、
     最後の箱の下端が章の下端（1423 は東京の文章量の結果）。大宮は本文が短く、高さ1423・箱の最小303のままだと
     最後の箱の下に21pxの白・箱の中の文字の下に56pxの空きが残っていた。
     リード（縦書きの下の本文）も東京は本文の下35で章が終わる。高さは配置表の FREE（中身まかせ）。
   ========================================================================== */
@media screen and (max-width:768px){
  .es{height:auto;padding-top:82px}
  .es__it,.es__it:nth-of-type(n){position:relative;top:0}
  .es__it+.es__it{margin-top:30px}
  .es__tx,.es__it--rev .es__tx{min-height:0;margin-top:-116.664px;padding:141.664px 20px 25px}   /* 東京 essence-text の実測 */
  .vl{height:auto;padding-bottom:31px}
  .vl__p,.vl--more .vl__p{position:static;padding-top:214px}
}

/* 2026-09-23：Essence の見出し。東京は 游明朝・字間5%（PC 1.1px／SP 0.7px）・黒 #000・行の高さ normal
   （当方は Noto Serif JP・字間2px・#222 だった。字間を％で持つので、検査が「字間5」と読んでいたのも直した） */
.es__hd{font-family:var(--mincho);letter-spacing:.05em;color:#000;line-height:normal}
@media screen and (max-width:768px){ .es__hd{top:30px} }   /* 東京スマホは章の上30に見出しの箱（字の上端 +32.4） */

/* ==========================================================================
   2026-09-23：お料理の章の余白を東京 /cuisine どおりに（先方ご指摘③）
   東京の実測（文字・写真の見えている端どうし）
     PC  題→小見出し12・小見出し→本文33・段落の間23・本文→写真37・写真→2枚目100・章の間157〜162（配置表の間隔）
         技法のセル：写真→見出し20・見出し→本文11・本文→次の段の写真45
         コンセプト：帯628→本文46・本文→写真37・写真→次の帯80
     SP  題→小見出し14・小見出し→本文37・本文→写真34・写真→2枚目80・章の最後→次の章の題78（技法の章のあとは83）
         技法のセル：写真→見出し20・見出し→本文13・本文→次の写真35
         コンセプト：帯80→写真30・写真→本文24・本文→写真34・写真の間10・写真→次の帯60・肩書は写真の下端に黒31%の帯
         ケーキ：写真の間10
   大宮は本文が東京より短い。PCは写真を東京の位置に固定していたので本文の下に160〜190pxの空き、
   スマホは章の高さを中身まかせにしたとき章の終わりの東京の余白（78〜83）が消え、次の章の題が写真に接していた（0〜30）。
   ========================================================================== */
@media screen and (min-width:769px){
  .pg-cuisine .wsec.pin .wsec__desc{position:static;margin-top:calc(var(--p-desc) - 6px)}
  .pg-cuisine .wsec.pin .wsec__desc p:last-child{margin-bottom:0}
  .pg-cuisine .wsec.pin .wsec__img,.pg-cuisine .wsec.pin .tc,.pg-cuisine .wsec.pin .cu__wrap{margin-top:30px}
  .pg-cuisine .tc__p{margin-top:4px}
  .pg-cuisine .chead__en{position:relative;top:2px}   /* 東京：和文の題→欧字 7（当方5） */
  .pg-cuisine .wsec__ttl p{letter-spacing:4px}          /* 東京PCの小見出し：Noto Serif JP 16px・字間4（スマホは1.7） */
}
/* 技法のセルの見出し：東京は Noto Serif JP 18px（当方は游明朝だった） */
.tc__nm{font-family:var(--serif2)}
/* 肩書と名前：東京は写真の下端に黒31%の帯（PC 197×36・字の上端+13／SP 167×25・左右7・中央） */
/*   名前は東京どおり游ゴシック14px・字間1.1（当方は明朝だった）。帯の幅は中身に合わせる（先方の表記「田中 徳三郎」は空白ありで東京より1字分長い） */
.cu__cr{background:rgba(0,0,0,.314);font-size:22px;line-height:normal;padding:0 18px;width:auto;white-space:nowrap}
.cu__name{font-family:var(--gothic)}
@media screen and (max-width:768px){
  .cu__cr{bottom:0;width:auto;padding:0 7px;font-size:14px;line-height:normal}
  .cu__role,.cu__name{line-height:24px}
}
@media screen and (max-width:768px){
  .pg-cuisine .wsec.pin .wsec__ttl p{margin-top:15px}
  .pg-cuisine .wsec.pin .wsec__desc{margin-top:34px}
  .pg-cuisine main.bd>.wsec{padding-bottom:78px}
  .pg-cuisine main.bd>.wsec:last-child{padding-bottom:10px}
  .pg-cuisine .wsec__img--n{gap:10px}
  .pg-cuisine .cu__p{margin-top:20px}
  .pg-cuisine .cu__cl{margin-top:30px}
  .pg-cuisine .cu + .cu{margin-top:60px}
}

/* 2026-09-23：トップのフェア帯（ウェブパーツ）。こちらのボタンは出さない（パーツの中に一覧ボタンがある）。
   東京は帯の最後の中身（ボタン）の下52で帯が終わる。パーツは中のボタンの下に60の余白を持つので、
   帯の下の余白は置かず、パーツの下8を切って 60−8＝52 にする（PC 1256幅・スマホ 360幅とも実測60） */
.tfr--parts .tfr__sp{height:0}
.tfr--parts .tfr__parts iframe{margin-bottom:-8px}

/* 2026-09-23：トップの挙式・披露宴会場の写真（スマホ）の横位置は、写真の構図表（_src/写真の構図.py）で全ページまとめて決める */

/* 2026-09-23：スマホのメニューを東京と同じく画面幅に合わせて組む（先方ご指摘⑦「右列が左寄りすぎ」）
   東京は右の列が「画面の中央＋16」（375で203.5・390で211・430で231）、フェア予約は幅いっぱい、下の小リンクの行のアクセスは中央基準。
   大宮は390の実測値（左の列195・ボタン358・アクセスの左10）を固定で当てていたので、390より広い端末で右の列が左に寄っていた */
@media screen and (max-width:768px){
  /* 格子の組み方も東京どおり：メニューの左右に余白を持たず 50%×2列、文字は行の箱の中で 左16・上18。
     区切り線は #CCC で端から端まで（行の箱の下端：75＋74n−1）、縦の線は画面の中央。
     （当方は左右16の余白の内側に格子を置き、線は #DDD・行の箱が文字の上端から始まっていたので、線が東京より18px下だった） */
  .mn{padding:0}
  .mn__cols{grid-template-columns:1fr 1fr}
  .mn__cols .mn__list li,.mn__cols .mn__list:last-child li{height:74px;padding:18px 0 0 16px;border-bottom:1px solid #ccc;box-sizing:border-box}
  .mn__cols .mn__list:first-child{border-right:1px solid #ccc;margin-right:0;box-sizing:border-box}
  .mn__list--center li{border-bottom:1px solid #ccc}
  .mn__fair{width:auto;margin:20px 16px 0}
  .mn__low{margin:101px 0 0}   /* 東京の電話・営業時間の行（大宮は依頼No.35/36/223で出さない）のぶんを空けて、下段は東京と同じ位置（WEBサイト y756） */
  /* 下の小リンク：東京は 資料請求 x60・お問い合わせ x149 は左から固定、アクセスだけ画面の中央＋77（390で272・430で292） */
  .mn__low-row a:nth-child(3){margin-left:calc(50% - 155px)}   /* ％は行の中身の幅（画面−左60）に対して */
}

/* ==========================================================================
   2026-09-23：スマホを画面幅に合わせて組む（390 の実測値の決め打ちを外す）
   実機は 360〜430px。390 の東京の実測（幅351・左39 など）を px で当てていたため、
   360・375 では横スクロールが出て（トップ・アクセス・会場とスタイルの下層・アイテム・レポート詳細）、
   375・430 では中央のはずのボタンが左右に 8〜20px ずれていた（先方ご指摘④「実機だと2つのCTAがズレている」）。
   どれも「親の幅−390のときと同じ余白」の式にしたので、390 では今までと1pxも変わらない。
   ========================================================================== */
@media screen and (max-width:768px){
  /* トップ：写真＋文章の章 */
  .tb__ph img{width:calc(100% - 31px)}
  .tb.pin .tb__hd,.tb.pin .tb__sub{width:calc(100% - 39px)}
  .tb.pin .tb__p{width:calc(100% - 40px)}
  .tb--rev.pin .tb__p{width:calc(100% - 66px)}
  /* トップ：挙式・披露宴会場の帯 */
  .tbd__hd{width:calc(100% - 19px)}
  .tbd.pin .tbd__p{width:calc(100% - 20px)}
  /* トップ：濃灰の帯 */
  .tdk{width:auto;margin-left:0;margin-right:0}
  .tdk__ph img{width:100%}
  .tdk.pin .tdk__hd{width:calc(100% - 36px)}
  .tdk.pin .tdk__p{width:calc(100% - 38px)}
  .tdk.pin .tdk__btn{left:calc(50% - 135px)}
  /* トップ：フォトギャラリーの帯。左右の余白を 15 に固定（auto のままだと帯の幅が中の写真の大きさで決まり、
     loading="lazy" の写真が読み込まれる前は幅8pxに縮んで、見出しと本文が1字ずつ縦に並んでいた。2026-09-23） */
  .tig{width:auto;margin-left:15px;margin-right:15px}
  .tig.pin .tig__hd,.tig.pin .tig__btn,.tig.pin .tig__p,.tig__p{width:100%}
  /* トップ：アクセスの帯（ボタンは帯の中央に） */
  .tac.pin .tac__hd{width:calc(100% - 40px)}
  .tac.pin .tac__row{width:calc(100% - 39px)}
  .tac__nm{width:auto}
  .tac.pin .tac__btns{margin:30px 0 0}
  .tac.pin .tac__btns a{margin:0 auto 15px}
  /* アクセス：地図 */
  .acc__map iframe{width:100%}
  /* 会場・スタイルの紹介ページ：大きな写真の枠 */
  .vp__in{width:calc(100% - 28px)}
  /* アイテム：提携先の枠 */
  .cr__pn{width:calc(100% - 18px)}
  .cr__in,.cr--rev .cr__in{max-width:100%}
  /* レポート詳細：写真と紹介の2列 */
  .rd__grid{width:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rd__cell{width:auto;height:auto;aspect-ratio:1/1}
  .rd__cell img{width:100%;height:auto;aspect-ratio:3/2}
}

/* ==========================================================================
   2026-09-23：会場・スタイル・披露宴会場の下層の「ギャラリー」を東京 /ceremony/chapel と同じアコーディオンに（先方ご指摘）
   東京の CSS をそのまま写した（.gallery → .vg--acc、.gallery-* → .gl__*、.image-modal → .glm）。
     閉じた状態：PC 4列×2段（5枚目以降は薄く 0.3）・帯の下300pxにグラデーション・「すべての写真を表示」320×50（下30）
                スマホ 2列×2段（3枚目以降0.3）・グラデーション 68px＋50vw・ボタン幅80%（下 12px＋30vw）
     開いた状態：写真すべて＋「ブライダルフェアのご予約」「お問い合わせ」（PC 315×60 を中央に2つ／スマホ 縦に2つ）
     ボタンは押す前に枠が時計回りに引かれる（東京の borderTraceCW）
   ========================================================================== */
.vg.vg--acc{position:relative;height:auto;width:100%;padding:40px 60px;background:#f2ede5;box-sizing:border-box;overflow:visible}
.gl__hd{margin:0 0 55px;padding-top:40px;text-align:center;font-family:var(--serif2);font-size:22px;font-weight:400;
        line-height:normal;letter-spacing:.15em;color:#000}
.gl__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:0;padding:0;list-style:none}
.gl__it{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.gl__it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gl__it:hover img{transform:scale(1.05)}
.gl__toggle{display:none}
.gl__btns{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:50px 0 15px}
.gl__btn{position:relative;display:flex;align-items:center;justify-content:center;height:60px;border:1px solid #000;background:#fff;
         color:#000;text-decoration:none;font-size:14px;letter-spacing:.1em;transition:border-color .25s,color .3s}
.gl__btn:nth-child(1){grid-column:2/3}
.gl__btn:nth-child(2){grid-column:3/4}
.gl__btn:hover,.gl__btn:focus-visible,.gl__toggle:hover,.gl__toggle:focus-visible{border-color:rgba(34,34,34,.2);color:rgba(34,34,34,.3)}
.gl__bd{position:absolute;inset:-1px;pointer-events:none;
        background-image:linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222);
        background-position:left top,right top,right bottom,left bottom;background-repeat:no-repeat;background-size:0 1px,1px 0,0 1px,1px 0}
.gl__btn:hover .gl__bd,.gl__btn:focus-visible .gl__bd,.gl__toggle:hover .gl__bd,.gl__toggle:focus-visible .gl__bd{animation:glTrace 1s linear .25s 1 normal forwards}
@keyframes glTrace{0%{background-size:0 1px,1px 0,0 1px,1px 0}25%{background-size:100% 1px,1px 0,0 1px,1px 0}
  50%{background-size:100% 1px,1px 100%,0 1px,1px 0}75%{background-size:100% 1px,1px 100%,100% 1px,1px 0}
  100%{background-size:100% 1px,1px 100%,100% 1px,1px 100%}}
@media screen and (min-width:769px){
  .vg.vg--acc:not(.is-open){overflow:hidden;padding-bottom:0}
  .gl__hd{margin-bottom:50px}
  .vg--acc:not(.is-open) .gl__grid{margin-bottom:-100px}
  .vg--acc:not(.is-open) .gl__grid li:nth-child(n+9){display:none}
  .vg--acc:not(.is-open) .gl__grid li:nth-child(n+5){opacity:.3;pointer-events:none}
  .vg--acc:not(.is-open)::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:300px;pointer-events:none;z-index:5;
    background:linear-gradient(rgba(234,241,245,0) 0%,rgba(234,241,245,.85) 50%,#f2ede5 100%)}
  .vg--acc:not(.is-open) .gl__toggle{display:flex;align-items:center;justify-content:center;position:absolute;bottom:30px;left:50%;
    transform:translateX(-50%);margin:0;padding:0;z-index:10;width:320px;max-width:50%;height:50px;background:#fff;border:1px solid #000;
    color:#000;font-family:inherit;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:border-color .25s,color .3s}
  .vg--acc:not(.is-open) .gl__btns{display:none}
}
@media screen and (max-width:768px){
  .vg.vg--acc{padding:0 12px 15px;margin-left:-15px;margin-right:-15px;width:auto}
  .gl__hd{margin-bottom:30px}
  .gl__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gl__btns{grid-template-columns:1fr;gap:18px}
  .gl__btn{margin:0 30px}
  .gl__btn:nth-child(1),.gl__btn:nth-child(2){grid-column:1}
  .gl__btn .gl__bd,.gl__toggle .gl__bd{animation:none!important}
  .gl__btn,.gl__btn:hover,.gl__btn:focus-visible,.gl__toggle,.gl__toggle:hover,.gl__toggle:focus-visible{border-color:#000!important}
  .vg.vg--acc:not(.is-open){overflow:hidden;padding-bottom:0}
  .vg--acc:not(.is-open) .gl__grid{margin-bottom:-100px}
  .vg--acc:not(.is-open) .gl__grid li:nth-child(n+5){display:none}
  .vg--acc:not(.is-open) .gl__grid li:nth-child(n+3){opacity:.3;pointer-events:none}
  .vg--acc:not(.is-open) .gl__grid li:nth-child(n+3) img{object-position:center top}
  .vg--acc:not(.is-open) .gl__toggle{display:flex;align-items:center;justify-content:center;position:absolute;bottom:calc(12px + 30vw);left:50%;
    transform:translateX(-50%);margin:0;padding:0;z-index:10;width:80%;height:50px;background:#fff;border:1px solid #000;color:#000;
    font-family:inherit;font-size:14px;letter-spacing:.1em;cursor:pointer}
  .vg--acc:not(.is-open)::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:calc(68px + 50vw);pointer-events:none;z-index:5;
    background:linear-gradient(rgba(234,241,245,0) 0%,rgba(234,241,245,.9) 50%,#f2ede5 100%)}
  .vg--acc:not(.is-open) .gl__btns{display:none}
}
/* 写真の拡大（東京 .image-modal） */
.is-glm,.is-glm body{overflow:hidden}
.glm{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100002;align-items:center;justify-content:center;overflow:hidden}
.glm.is-open{display:flex}
.glm__track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:stretch;transition:transform .4s ease;will-change:transform;z-index:0}
.glm__slide{flex:0 0 100vw;height:100%;display:flex;align-items:center;justify-content:center}
.glm__img{display:block;max-width:80vw;max-height:85vh;object-fit:contain;user-select:none;-webkit-user-drag:none}
.glm__close,.glm__prev,.glm__next{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;color:#fff;z-index:1;
  display:flex;align-items:center;justify-content:center}
.glm__close{top:124px;right:24px;width:40px;height:40px}
.glm__prev,.glm__next{top:50%;transform:translateY(-50%);width:56px;height:56px}
.glm__prev{left:16px}
.glm__next{right:16px}
.glm svg{width:100%;height:100%;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.glm__dots{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:14px;margin:0;padding:0;
  list-style:none;z-index:10}
.glm__dots li{width:8px;height:8px;border-radius:50%;background:#fff;cursor:pointer;transition:.3s;box-sizing:border-box}
.glm__dots li.is-active{background:#000;border:1px solid #fff;transform:scale(1.3)}
@media screen and (max-width:768px){
  .glm__close{top:12px;right:12px;width:32px;height:32px}
  .glm__prev,.glm__next{width:40px;height:40px}
  .glm__prev{left:4px}
  .glm__next{right:4px}
  .glm__img{max-width:92vw;max-height:80vh}
  .glm__dots{bottom:25px;gap:10px}
  .glm__dots li{width:6px;height:6px}
}
/* 旧ギャラリーの帯（写真を固定位置に並べてフォトギャラリーへ飛ばす作り）の白いぼかし（.vg::after）を、アコーディオンでは消す。
   東京のぼかしは閉じているときだけの ::before（上）で、開いたら無くなる */
.vg.vg--acc::after{content:none;display:none}

/* 2026-09-23：Essence が2つの会場（披露宴会場の下層）。PC は2つめの写真の下端＋80（東京の Essence の下の余白）で終わる */
@media screen and (min-width:769px){ .es.es--2{height:1115px} }
/* 1日の流れにリードが無いとき（披露宴会場の下層）：見出し → 一覧 は東京の見出し → 中身と同じ 50（SP 30） */
.sfl--nolead .sfl__list{margin-top:50px}
@media screen and (max-width:768px){ .sfl--nolead .sfl__list{margin-top:30px} }

/* 2026-09-23：スマホを画面幅に合わせる（続き）
   挙式会場の会場ブロック：写真（正方形）＋小さい写真3枚の高さは画面幅で変わる（390で726＝2×幅−54）。
   文字は390の実測位置に固定していたので、360・375では小さい写真に文字が重なっていた。
   → 小さい写真を2列の流し込みにして、文字・ボタン・章の高さを「写真の高さの差＝2×(画面幅−390)」だけずらす（390では0） */
@media screen and (max-width:768px){
  .vn__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  .vn__thumbs figure{width:auto;height:auto;aspect-ratio:1/1}
  .vn.pin{--vnd:calc(2 * (100vw - 390px))}
  .vn.pin .vn__name{top:calc(var(--s-nm) + var(--vnd))}
  .vn.pin .vn__en{top:calc(var(--s-en) + var(--vnd))}
  .vn.pin .vn__lead{top:calc(var(--s-ld) + var(--vnd))}
  .vn.pin .vn__body{top:calc(var(--s-bd) - 2px + var(--vnd))}
  .vn.pin .vn__spec{top:calc(var(--s-sp) - 2px + var(--vnd))}
  .vn.pin .vn__btns{top:calc(var(--s-bt) + var(--vnd));left:calc(50% - 137px)}
  .vn.pin[data-h]{min-height:calc(var(--hsp) + var(--vnd))}
  /* 披露宴会場の「挙式会場の案内」のボタン（281幅）も帯の中央に */
  .lk.pin .lk__btns{left:calc(50% - 140.5px)}
  /* レポート一覧の ALL（390で x24〜366）も画面幅に合わせる */
  .cat:first-child{width:calc(100% - 22px)}
}

/* ===== 文字の指定を東京に合わせる（2026-09-23 ご指摘「テキストサイズ・フォントを全ページチェック」）=====
   文字の指定照合_章ごと.py で出たちがいを、東京と大宮の同じ要素どうしで実測して確かめたものだけ直す
   （段落の送りの差は、中身の行数・段落の分け方がちがうだけのものが多いので、要素ごとに測ってから）。 */
/* 東京の /concept・/cuisine・/anniversary はパンくずが Noto Sans JP（/report は游ゴシックのまま） */
.bc--wide:not(.bc--rep){font-family:var(--sans2)}
.bc--mem{letter-spacing:.7px}                                   /* 東京 /anniversary：字間0.7（PC13px・SP12px） */
.csec__btn a{font-family:var(--sans2)}                           /* 選ばれる理由の関連リンク（東京 f-noto） */
.pg-members .chead__en{font-family:var(--sans2)}                 /* 東京 /anniversary の英字の見出し */
.intro__toc h3,.intro__lead,.intro__toc a{letter-spacing:1.6px}  /* 宿泊：IN THE HOTEL・リード・目次（東京 PC・SP とも1.6） */
@media screen and (min-width:769px){
  .tpx__lb{font-family:var(--mincho);letter-spacing:0}           /* トップ TOPICS：東京PCは游明朝16px・字間0 */
  .tb__sub .tsub__a{letter-spacing:2px}                          /* トップ章2の英字（東京18px・字間2） */
  .csec__ttl h2{letter-spacing:.5px}                             /* 選ばれる理由の章の見出し（東京22px・字間0.5） */
  .csec__sub{line-height:32.4px}                                 /* 同 小見出し（東京 行送り32.4） */
  .cr__nm{letter-spacing:2px}                                    /* アイテムの見出し（東京 /creators 18px・字間2） */
  .pg-members .chead__en{letter-spacing:-.2px}                   /* 東京PC：字間-0.2（スマホは0.1のまま） */
  .pg-members main.bd>.wsec:nth-child(4) .wsec__desc p{letter-spacing:1.12px;margin-bottom:0}   /* 東京：1つの段落で行送り30（段落の間なし） */
  .pg-report .btn--wide{font-family:var(--mincho)}               /* レポート一覧の下のボタン（東京は游明朝） */
}
@media screen and (max-width:768px){
  .pg-report .btn--wide{font-family:var(--mincho)}               /* 東京SPも游明朝13px */
}

/* ==========================================================================
   2026-09-24：田中様スライド（写真のトリミング・配置のご指示）の反映
   ========================================================================== */
/* チャペル・神殿の上の写真を3枚の切り替えに（スライド4〜6・10〜12「3枚スライド」）。東京 /ceremony/chapel と同じ：
   重ねた写真を1秒のフェードで2.8秒ごとに入れ替え、写真の下端から10px上に直径6pxのドット（黒25%／いまの1枚は75%） */
.vh__ph--slide img{position:absolute;left:0;top:0;opacity:0;transition:opacity 1s ease}
.vh__ph--slide img.is-on{opacity:1}
.vh__dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;margin:0;padding:0;list-style:none;z-index:1}
.vh__dots li{width:20px;height:20px}
.vh__dots button{position:relative;display:block;width:20px;height:20px;margin:0;padding:0;border:0;background:none;cursor:pointer}
.vh__dots button::before{content:"";position:absolute;left:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#000;opacity:.25}
.vh__dots li.is-on button::before{opacity:.75}
/* トップの料理の写真を3枚の切り替えに（スライド19・20：お肉→コンソメスープ→マロンシャンティ）。
   同じページの会場の帯と同じく3秒ごと・0.6秒で入れ替える。1枚目は流れの中に置き、2枚目以降を同じ位置に重ねる */
.tb__ph--slide{position:relative}
.tb__ph--slide img{opacity:0;transition:opacity .6s ease}
.tb__ph--slide img+img{position:absolute;left:0;top:0}
.tb__ph--slide img.is-on{opacity:1}
@media (prefers-reduced-motion:reduce){
  .vh__ph--slide img,.tb__ph--slide img{transition:none}
}
/* 披露宴会場の目次カードの写真は横長（3:2）に（スライド17「パレス東京は縦長ですが、大宮は横長にレイアウトしていただけますか」）。
   東京は331×331。幅は331のまま高さを221に。スマホは東京どおり目次カードを出さない */
.vcards--index img{aspect-ratio:3/2}
/* レポートのカード（田中様 9/20 修正依頼ツール「タイトルが1行になろうが2行になろうが、横並びのレポートがガタガタに見えないように」）。
   横に並んだカードは同じ高さにして、会場・人数・挙式月の行をカードの下端にそろえる。いちばん長いカードは今までと同じ位置
   （題・説明の行数が違うと、札の行が PC で最大26px・スマホのトップの帯で47px ずれていた） */
.ngd li,.trp li{display:flex;flex-direction:column}
.ngd li>a,.trp li>a{display:flex;flex-direction:column;flex:1 1 auto}
.ngd__tags,.trp__tags{margin-top:auto!important;padding-top:28px}
/* ウエディングスタイルの下層のレポート（スマホ）は横に流す（田中様 9/20「横スライドで見えるように。縦に3つ並べないで。
   画面内に次のレポートが1/3程度見えるように」）。カードの幅は「次のカードが自分の1/3だけのぞく」幅：(画面−左24−間14)×3/4 */
@media screen and (max-width:768px){
  .srp .news{padding:0}
  /* カードの中の段（写真・題・説明・札）を、横に並んだカードどうしで同じ高さにそろえる（subgrid）。
     幅の狭いスマホ（360）で札の行が2行に折れても、1行目の高さがカードごとにずれない */
  .srp .ngd{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% + 10px) * .75);grid-template-rows:repeat(4,auto);
            column-gap:14px;row-gap:0;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 24px;padding:0 24px 4px;
            -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .srp .ngd::-webkit-scrollbar{display:none}
  .srp .ngd li{display:grid;grid-row:span 4;grid-template-rows:subgrid;margin:0;padding:0;scroll-snap-align:start}
  .srp .ngd li>a{display:grid;grid-row:span 4;grid-template-rows:subgrid}
  .srp .ngd__tags{margin-top:0!important;padding-top:28px;align-self:start}   /* 1行の札の行を2行の段の高さに伸ばさない（伸ばすと中央寄せで6px下がる） */
  /* トップのレポートの帯（スマホ）は、1枚ずつ見る帯なので、札は説明のすぐ下（東京と同じ28）。
     下端にそろえると、短いカードで説明と札の間が最大75pxも空いて崩れて見えた（2026-09-24 ご指摘） */
  .trp .trp__tags{margin-top:0!important}
  /* 札の行（会場｜人数｜挙式月）が「挙式月」の前で2行に折れていた（2026-09-24 ご指摘・トップのレポートの帯）。
     帯のカードはスマホでは幅253の固定で、「チェリールーム｜人数 47名｜挙式月 11月」は余裕が1.3pxしかなく、iPhone の書体（数字が少し広い）で折れていた。
     スマホだけ札どうしの間を詰めて（会場→人数 12.6→8・人数→挙式月 20.6→12・会場の札の左右 8→7）、どのカードも15px 以上の余裕で1行に入れる。
     「挙式月 11月」の途中では折れない。それでも入らない長さのときは、折れた行の頭を左端にそろえる（間は gap なので行の頭には付かない）。
     レポートの一覧などのカード（ngd）も同じ作りなので、同じにする */
  .trp__tags,.ngd__tags{column-gap:12px;row-gap:6px}
  .trp__tag,.ngd__tags .ngd__tag{margin-right:-4px;padding-left:7px;padding-right:7px}
  .trp__info,.trp__tag+.trp__info,.ngd__tags .ngd__info,.ngd__tags .ngd__tag+.ngd__info{margin-left:0;white-space:nowrap}
}

/* 小さいスマホ（iPhone 8 など 390px 未満）：ロゴと「フェア予約」がくっついて見えた（2026-09-24 ご指摘）。
   頭の部分は「ロゴ（左22＋幅197）」と「フェア予約（幅80＋右に ≡ の分75）」を両端に置く作りで、合わせて374px。
   375 では間が1px、360 以下では「フェア予約」が ≡ に重なっていた。390 のときと同じ間（16px）を保つよう、
   ロゴを画面の幅に合わせて小さくする（縦横の比はそのまま。390 以上は今までと同じ197） */
@media screen and (max-width:389px){
  .hd__logo img{width:calc(100vw - 193px);height:auto}
}

/* ---------- かんたん編集（_edit/）が書く指定（2026-09-24） ----------
   ・data-fz-pc / data-fz-sp … 文字の大きさ（--fz-pc・--lh-pc などは編集画面が px で書く）
   ・data-op … 写真の見せる位置（--op-pc・--op-sp）
   ・data-ke-mt-pc / data-ke-mt-sp … 文字が増えて自動で下げた、上の余白
   :not(#_) は、ほかの指定より強くするため（ページの動きが直接書く文字の大きさには負ける） */
@media screen and (min-width:769px){
  [data-fz-pc]:not(#_){font-size:var(--fz-pc);line-height:var(--lh-pc)}
  [data-ke-mt-pc]:not(#_){margin-top:var(--ke-mt-pc)!important}
}
@media screen and (max-width:768px){
  [data-fz-sp]:not(#_){font-size:var(--fz-sp);line-height:var(--lh-sp)}
  [data-ke-mt-sp]:not(#_){margin-top:var(--ke-mt-sp)!important}
}
img[data-op]:not(#_){object-position:var(--op-pc,50% 50%)}
@media screen and (max-width:768px){ img[data-op]:not(#_){object-position:var(--op-sp,var(--op-pc,50% 50%))} }

/* ==========================================================================
   2026-09-24 先方ご指示（修正点0924）：大宮の色
   文字・ボタンは黒（東京は灰色）／会場の札は黒い枠・地の色なし・黒い字／フッターは白
   （区切りの細い線と、飾りの章番号の淡い灰色は今のまま）
   ========================================================================== */
.vl__p p,.crc__nm,.crc__tx,.es__bd p,.faq__a,.fq__a,.sfl__note,.mn__en,.crow__en,.trp__meta,
.ngd__tags .ngd__info,.trp__info,.vl__badges span{color:#000}
.vl__badges span{border-color:#000}
.cat,.cat.is-on{border-color:#000}
.cat{color:#000}
.cat.is-on{background:#000;color:#fff}
.tbd__nav::before{border-color:#000}
.trp__nav{background:#000}
/* トップの 1泊2日ステイウエディングの帯の地は、元の灰色（#777）のまま（先方ご指示 2026-09-24 夜「背景色元に戻して」） */
/* 会場の札（トップのレポートの帯・レポート一覧・スタイルの下層） */
.trp__tag,.ngd__tags .ngd__tag{background:transparent;border:1px solid #000;color:#000}
/* トップのレポートの帯の「パーティーレポート一覧」：見出し（.ttl は z-index:2）の箱が上に重なり、押せなかった */
.trp__more{border-color:#000;z-index:3}

/* フッター：白。いちばん上に TOP へ戻る帯（現行サイト palace-omiya.co.jp/wedding と同じ：#323232・高さ52・白い山形） */
.ft{background:#fff;color:#000;height:854px}                        /* 802＋TOPへ戻る帯52 */
.ft__top{display:block;position:relative;flex:0 0 52px;height:52px;background:#323232}
.ft__top span{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-2px 0 0 -5px;
              border-top:1.5px solid #fff;border-left:1.5px solid #fff;transform:rotate(45deg)}
.ft__top:hover{background:#000}
.ft__cta{background:#fff;border:1px solid #000}
.ft__cta-r{border:1px solid #000;color:#000}
.ft__info-btns a{border-color:#000;color:#000}
.ft__sns a{color:#000}
.ft__cpr{background:#fff;color:#000;border:0;border-top:1px solid #ddd}
@media screen and (max-width:768px){
  .ft__top{flex-basis:44px;height:44px}
  .ft__sp{background:#fff}
  .ft__sp-fair{background:#fff;color:#000;border:1px solid #000}
  .ft__sp-ct,.ft__sp-ct a{color:#000}
  .ft__sp-link{border-color:#000;color:#000}
  .ft__sp-row a,.ft__sp-one,.ft__sp-some a,.ft__sp-sns a,.ft__sp-name,.ft__sp-addr,.ft__sp-cpr{color:#000}
  .ft__sp-cpr{border-top:1px solid #ddd}
}

/* ==========================================================================
   2026-09-24 先方ご指示（修正点0924）の続き
   ========================================================================== */
/* カードの札（ほかの会場・ほかのスタイル）：文字を1〜2まわり小さく、枠の大きさをそろえる（いちばん長い「少人数会食ウエディング」が入る幅） */
.cards__label{width:230px;padding:18px 0}
.cards__jp{font-size:17px;line-height:24px}
.cards__en{font-size:11px;line-height:16px}
/* スイートルームウエディング（新しいページ）：帯の下の本文（会場の下層のリードと同じ字の組み） */
.sui{width:var(--cw);max-width:100%;margin:80px auto 0;text-align:center}
.sui p{margin:0;font-size:13.6px;line-height:29.9px;letter-spacing:2px;color:#000}
.sui ~ .cards{margin-bottom:80px}   /* 最後のカード→フッター：ほかの下層の「カード→下の写真」と同じ80（スマホ60） */
/* パーティーレポート一覧：説明文は出さない（投稿で足したカードも）／絞り込みで1件も無いときの一文 */
.news .ngd__desc{display:none}
.ngd__none{margin:10px 0 0;text-align:center;font-size:14px;line-height:24px}
.ngd__none[hidden]{display:none}
.ngd li,.ngd li>a{min-width:0}   /* 題を1行にするとき（build.py）、カードが題の長さに合わせて横に広がらないように（スマホの1列） */
@media screen and (max-width:768px){
  .cards__label{width:150px;max-width:calc(100% - 16px);padding:8px 0}
  .cards__jp{font-size:12px;line-height:17px}
  .cards__en{font-size:10px;line-height:14px}   /* 10pxより小さくしない（品質検査：スマホの小さい文字） */
  .sui{margin-top:40px;padding:0 30px;box-sizing:border-box;text-align:left}
  .sui p{line-height:24.5px;letter-spacing:.7px}
  .sui ~ .cards{margin-bottom:60px}
  .cat.cat--long{width:calc(100% - 22px);margin-left:-2px}
}
/* メンバーズの灰色の章の下：ホテル公式サイト・お問い合わせ（先方のご指示の図：黒い枠・地の色なし・横に2つ） */
.wsec__btns{display:flex;justify-content:center;gap:40px;margin-top:40px}
.wsec__btns .btn--line{background:transparent;border-color:#000;color:#000}
.wsec__btns .btn--line:hover{background:#fff}
@media screen and (max-width:768px){
  .wsec__btns{flex-direction:column;align-items:center;gap:15px;margin-top:30px}
  .wsec__btns .btn--line{width:281px;max-width:100%;height:45px;font-size:13px}
}
/* アクセス（2026-09-24 先方ご指示：大元のホテルHPを踏襲）：PC は寄せた地図・スマホは今の地図（トップのアクセスの帯も） */
.acc__map .acc__sp,.tac__map .acc__sp{display:none}
.acc__btns--one{width:300px}
.act{width:var(--cw);max-width:100%;margin:40px auto 0;text-align:center}
.act__ld{font-size:14px;line-height:26px}
.act__fig{display:block;width:752px;max-width:100%;margin:30px auto 0}
.act__fig img{display:block;width:100%;height:auto}
.act__note{margin-top:12px;font-size:12px;line-height:18px}
/* 駐車場（2026-09-24 夜 先方ご指示：OZパーキングを削除して2か所・名前の横に地図のボタン）。
   注意書き → 2か所の表（PCは横に2つ並べる）。近隣駐車場の地図（ホテルさまのマイマップ）はOZパーキングが残るので外した */
.acp{width:var(--cw);margin:50px auto 50px;text-align:left}   /* 下の50＋フッターの上50：表の終わりからフッターまで100 */
.acp__note{margin:0;padding:0;list-style:none;font-size:13px;line-height:22px}
.acp__note li{position:relative;padding-left:1.2em}
.acp__note li+li{margin-top:6px}
.acp__note li::before{content:"※";position:absolute;left:0;top:0}
.acp__r{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:40px}
.acp__r .wtbl{flex:none;min-width:0}
.acp__r .wtbl__dl{grid-template-columns:120px 1fr}
/* 表の見出しの行：名前（左）と「地図を見る」（右・黒い枠の小さなボタン） */
.wtbl__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.wtbl__top .wtbl__hd{margin:0}
.wtbl__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;height:32px;padding:0 16px;
           border:1px solid #000;background:#fff;color:#000;font-size:12px;line-height:1;letter-spacing:.05em;
           transition:background .2s,color .2s}
.wtbl__btn:hover{background:#000;color:#fff}
.wtbl__pin{display:block;flex:none}
@media screen and (max-width:768px){
  .acc__map .acc__pc,.tac__map .acc__pc{display:none}
  .acc__map .acc__sp,.tac__map .acc__sp{display:block}
  .acc__btns--one{width:auto}
  .act{margin-top:30px;padding:0 15px;box-sizing:border-box}
  .act__ld{font-size:13px;line-height:24px;text-align:left}
  .act__fig{margin-top:20px}
  .acp{width:auto;margin-top:30px;margin-bottom:30px}
  .acp__note{font-size:12px;line-height:20px}
  .acp__r{display:block;margin-top:30px}
  .acp__r .wtbl+.wtbl{margin-top:30px}
  .acp__r .wtbl__dl{grid-template-columns:100px 1fr}
}
/* ウエディングアイテム（2026-09-24 先方ご指示：確認用1＝前回のデザインを元に。写真と文章を左右交互・ドレスと和装はくっつける） */
.its{display:flex;align-items:center;max-width:1440px;margin:100px auto 0}
.its--rev{flex-direction:row-reverse}
.its--pair{margin-top:0}
.its__ph{flex:0 0 50%;min-width:0}
.its__ph img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.its__tx{flex:1 1 0;min-width:0;padding:30px 60px;box-sizing:border-box;text-align:center}
.its__en{font-family:var(--serif2);font-size:12px;line-height:18px;letter-spacing:.2em}
.its__ttl{margin:10px 0 0;font-family:var(--mincho);font-size:24px;line-height:34px;font-weight:400;letter-spacing:.08em}
.its__sub{margin-top:12px;font-size:13px;line-height:22px;letter-spacing:.05em}
.its__bd{margin-top:26px}
.its__bd p{font-size:14px;line-height:28px}
.its__shops{margin-top:28px}
.its__shops-hd{font-size:12px;line-height:20px;letter-spacing:.1em}
.its__shops ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px;margin:6px 0 0;padding:0;list-style:none}
.its__shops li{font-size:14px;line-height:26px}
.its + .vg{margin-top:100px}
.vg + .its{margin-top:120px}
@media screen and (max-width:768px){
  .its,.its--rev{display:block;margin:50px -15px 0}
  .its--pair{margin-top:40px}
  .its__tx{padding:24px 30px 0}
  .its__ttl{font-size:20px;line-height:30px}
  .its__bd{margin-top:18px}
  .its__bd p{font-size:13px;line-height:25px;text-align:left}
  .its__shops{margin-top:20px}
  .its__shops li{font-size:13px;line-height:24px}
  .its + .vg{margin-top:50px}
  .vg + .its{margin-top:60px}
}
/* ウエディングスタイルの下層のパーティーレポートの帯（2026-09-24 トップと同じ回る帯にした）：
   トップの帯は見出しの横に「一覧」を置く作り（帯を40上げる）。こちらは見出しの下にリードがあり、「一覧」がリードの横に並んで窮屈だった。
   PCはリードの下に「一覧」の段を取り、その下に写真を並べる（スマホは写真の下に「一覧」＝トップと同じ） */
@media screen and (min-width:769px){
  .srp--band .trp{height:auto;margin-top:30px;padding-top:66px}
}
/* フッターの「サイトマップ／SITEMAP」：東京は SITEMAP が「サイトマップ」の左端にそろう（大宮は右端にそろっていた・先方の図で丸印） */
.ft__sitemap{display:inline-block;text-align:left}
/* スイートルームウエディング（新しいページ）：スマホは写真（2400×1630）を横幅いっぱいに全部見せる（390×312 だと端の方の顔が切れる） */
@media screen and (max-width:768px){
  .vh.vh--suite{height:calc(145px + 100vw * 1630 / 2400)}
  .vh--suite .vh__ph{height:calc(100vw * 1630 / 2400)}
}
/* アクセス：羽田空港の高速バスのご案内（表の下のリンク） */
.acb{width:var(--cw);max-width:100%;margin:16px auto 0;padding:0 15px;box-sizing:border-box;font-size:13px;line-height:22px;text-align:right}
.acb a{text-decoration:underline;text-underline-offset:3px}
@media screen and (max-width:768px){ .acb{padding:0;text-align:left} }
@media screen and (max-width:768px){ .info dd{text-wrap:balance} }   /* アクセスのお車・高速バスの行：最後の行が「約5分」だけにならないように */
/* レポートの帯（トップ・ウエディングスタイルの下層）も説明文は出さない（2026-09-24 先方ご指示・一覧と同じ） */
.trp__desc{display:none}
/* フッターのサイトマップ：メニューと同じ並びの下に1行あけて、資料請求・お問い合わせ・よくあるご質問（2026-09-24） */
.ft__list li.ft__sub{margin-top:40px}
/* フォトギャラリーの分類のボタン：枠も黒（2026-09-24 先方ご指示「全体的に東京はグレーだけど大宮は黒（ボタン含む）」。薄い灰色の枠が残っていた） */
.pgt__tab{border-color:#000}
/* お料理・ケーキの技法：東京と同じく英字の小さなラベルは出さない → 見出しは写真の下20px（東京の実測）（2026-09-24 夜） */
.tc__ph + .tc__nm{margin-top:20px}
/* ==========================================================================
   メニューの下の段（2026-09-24 夜 先方ご指示「もう少しキレイに整理して。スマホも」）
   電話・営業時間を出していなかったころ（依頼No.223）の空き（小リンクの上104・黒い帯の上101）が残っていて、
   電話の行を足したあとも大きく空いていた。フェア予約 → 電話・営業時間 → 小リンク → SNS を同じくらいの間隔で積む。
   営業時間はメニューの右の列（左端から200）にそろえる。
   スマホは電話の行を左右16の内側に入れ（画面の左端にくっついていた）、営業時間を右の列の文字（画面の中央＋16）にそろえる。
   黒い帯は ホテル公式サイト → 小リンク1行（パソコンと同じ3つ）→ SNS → 名前・住所 を同じ間隔で
   ========================================================================== */
.mn__tel{margin-top:28px}
.mn__num{width:200px}
.mn__sub{margin-top:32px}
.mn__sns{margin-top:32px}
.mn__low-links{display:none}
@media screen and (max-width:768px){
  .mn__tel{margin:28px 16px 0}
  .mn__num{flex:none;width:calc(50% + 16px)}
  .mn__tel p{white-space:nowrap}   /* 360 幅では営業時間の3行目が右の余白に4px入る（画面の中）。縮めると右の列からずれる */
  .mn__low{margin:40px 0 0;padding:40px 16px}
  .mn__low-site{margin:0 auto 32px}
  .mn__low-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin:0 0 32px;padding:0;list-style:none}
  .mn__low-links a{position:relative;display:block;padding-left:13px;font-size:12px;line-height:16px}
  .mn__low-links a::before{content:"";position:absolute;left:0;top:4px;
                           border-left:5px solid #ccc;border-top:4px solid transparent;border-bottom:4px solid transparent}
  .mn__low-sns{margin:0 0 32px}
}
@media screen and (max-width:359px){ .mn__num{flex:0 1 calc(50% + 16px)} }   /* 360 より狭い端末は、営業時間が画面から出ないよう番号の欄を縮める */
/* トップのプラン（2026-09-24 夜 先方ご指示：確認用1と同じ会場のウェブパーツ「おすすめのプラン」）。
   パーツの中にも「おすすめのプラン」の見出しが入っていて、こちらの見出しと二重になるので、フェアの帯と同じく中の見出しを上に詰めて隠す。
   カードの上端は、こちらの見出しの下 PC35／スマホ31（フェアの帯と同じ）。パーツの中の一覧は PC y119・スマホ y102 から始まるので 84／71 詰める。
   高さ：パーツは高さを1回だけ知らせてくるが、画面の外で読み込まれると 0 や2倍近い値になるので、ここの高さ（中身の実測より少し長め）を基本にする。
   中身の実測（パーツの幅→高さ。中の「すべてのプランを見る」の下8まで）：PC 1256→648／スマホ 330→637・345→650・353→633・360→638・
   363→641・384→658・400→670・450→710・560→774・738→806（幅によって題の折り返しで上下する）。
   スマホは どの幅でも実測以上になる式：min(パーツの幅×0.8＋382, パーツの幅×0.3＋618)（パーツの幅＝画面の幅−30）。
   長すぎる分はパーツの白い地が続くだけ。中身がこれより長いときは、ページの script がパーツの知らせで伸ばす。
   パーツの中の地は白（先方のシステムの色で変えられない）なので、帯の地は付けない */
.tpl__hd{margin-top:0}
.tpl__parts{width:1256px;margin:0 auto;overflow:hidden}
.tpl__parts iframe{display:block;width:100%;height:656px;border:0;margin-top:-84px}
@media screen and (max-width:768px){
  .tpl__hd .ttl__jp{font-size:18px}   /* フェアの帯の見出しと同じ */
  .tpl__parts{width:auto;margin:0}
  .tpl__parts iframe{height:calc(80vw + 358px);height:min(80vw + 358px, 30vw + 609px);margin-top:-71px}
}
/* パソコンのメニュー：項目を区切る線（2026-09-25 先方ご指示「PC版 ハンバーガーメニューに各項目区切る枠線…線復活させて」）。
   スマホと同じ #ccc の線を、行の下と2列の間に引く（上も1本で閉じる）。文字は線から左16・上10（行58の上下の中ほど）。
   電話・営業時間・小リンク・SNS も文字の位置（左16）にそろえ、営業時間は右の列の文字（引き出しの左から216）にそろえる */
@media screen and (min-width:769px){
  .mn__cols{border-top:1px solid #ccc}
  .mn__cols .mn__list li{padding:10px 0 0 16px;border-bottom:1px solid #ccc;box-sizing:border-box}
  .mn__cols .mn__list:first-child{border-right:1px solid #ccc}
  .mn__tel,.mn__sub,.mn__sns{padding-left:16px}
}
/* ほかのウエディングスタイルのカード（ウエディングスタイルの下層4ページ）の札の文字：パソコンは 17→14px（2026-09-25 先方ご指示
   「ここの文字サイズだけ2周りぐらい小さく」。札の枠の大きさはそのまま。ほかのページのカードの札は変えない） */
@media screen and (min-width:769px){
  body[class^="pg-style-"] .cards__jp{font-size:14px;line-height:20px}
}

/* 2026-09-27 先方ご依頼：スマホでメニューを開いたとき、電話番号の下に屋号（パソコンは出さない） */
.mn__salon{display:none}
/*   スマホ：番号の下（左の列）に2行。営業時間の2・3行目と高さをそろえ、段の高さは変えない */
@media screen and (max-width:768px){
  .mn__tel{display:grid;grid-template-columns:calc(50% + 16px) minmax(0,1fr);grid-template-rows:20px auto}
  .mn__tel .mn__num{grid-column:1;grid-row:1;width:auto;min-width:0}
  .mn__tel > p{grid-column:2;grid-row:1 / span 2}
  .mn__tel > p.mn__salon{display:block;grid-column:1;grid-row:2;margin:0;padding-left:21px;font-size:12px;line-height:20px}
}
@media screen and (max-width:359px){ .mn__tel{grid-template-columns:minmax(0,calc(50% + 16px)) auto} .mn__tel > p.mn__salon{font-size:11px} }   /* 360 より狭い端末は番号の欄を縮める（元の作りと同じ）。屋号は1px小さくして、営業時間との間を番号と同じ12pxあける */
/* ===== 2026-09-28 先方ご依頼（トップ・期限9/28）===== */
/* ⑩お料理の大タイトル：2行を同じ大きさに（山口さん：22pxに・ほかの大タイトルもそろえる・不自然な改行を出さない）。
   トップの大タイトルは全部、パソコン22px（いちばん大きい「PALACE STAY WEDDING」と同じ）・スマホ18px（いちばん長い17文字が1行に入る大きさ）・360より狭い端末16px。行の高さは今のまま（章の中の位置は変わらない） */
.pg-top .tsub .tsub__a,.pg-top .tsub .tsub__b{font-size:22px}
@media screen and (max-width:768px){ .pg-top .tsub .tsub__a,.pg-top .tsub .tsub__b{font-size:18px} }
@media screen and (max-width:359px){ .pg-top .tsub .tsub__a,.pg-top .tsub .tsub__b{font-size:16px} }
/* ⑪パーティーレポート：説明文を抜いた分の余白（「チェリールーム…」の上の28px）を詰め、タイトルの近くに。帯の高さは中身に合わせて縮む */
.trp .trp__tags{padding-top:12px}
/* ⑧メインの写真：3枚を切り替え（写真の切り替えの仕組み data-slide と、編集画面の「スライドの写真」をそのまま使う） */
@media (prefers-reduced-motion:no-preference){ .hero.tb__ph--slide img{transition-duration:.8s} }   /* 9/28 山口さん「もう少しテンポよく」：切り替え5秒→3.5秒（トップの data-slide）・入れ替わり1.2秒→0.8秒 */
/* ⑫フォトギャラリー：項目名→大タイトル→ボディコピー→ボタン（ほかの章と同じ順）。tig--v2 の印があるときだけ効く */
@media screen and (min-width:769px){
  .tig--v2.pin .tig__sub{position:absolute;left:15px;top:var(--p-sub);width:570px;margin:0}
  .tig--v2.pin .tig__btn{top:var(--p-bt)}
}
@media screen and (max-width:768px){
  .tig--v2.pin .tig__sub{position:absolute;left:0;right:0;top:var(--s-sub);margin:0}
  .tig--v2.pin .tig__grid{margin-top:var(--s-grid)}
}
/* ⑦スマホの追従メニュー（トップ）：最初の大きな写真を過ぎたら下に出す。メニュー（≡）を開いたときはその下に隠れる */
.tflt{display:none}
@media screen and (max-width:768px){
  .tflt{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99990;background:#fff;border-top:1px solid #ccc;padding-bottom:env(safe-area-inset-bottom);transform:translateY(110%);transition:transform .3s ease}
  .tflt.is-on{transform:none}
  .tflt__a{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:54px;font-family:var(--mincho);font-size:13px;letter-spacing:.05em;color:#000}
  .tflt__a+.tflt__a{border-left:1px solid #ccc}
  .tflt__a--main{flex-grow:1.4;background:#b79f63;color:#fff}   /* 9/28 山口さん：真ん中は「ブライダルフェア」。色はフェアの埋め込みの「詳しく見る」と同じ #b79f63・白文字。字数が増えたので少し広く（320幅でも1行） */
  .tflt__a{white-space:nowrap}
  .pg-top:has(> .tflt) .ft{height:auto;padding-bottom:calc(54px + env(safe-area-inset-bottom))}   /* いちばん下の文字（コピーライト）が隠れないように。9/28 持田様ご指摘：高さ854px固定のままだと余白の分だけ中身が下にはみ出し、追従メニューの下に隠れていた */
}
@media (prefers-reduced-motion:reduce){ .tflt{transition:none} }
/* 2026-09-28 先方ご依頼：トップのウエディングアイテム。キャッチが1行・ボディが長くなったので、キャッチ→ボディ→ボタンを等間隔に（ページの数値はそのまま、そこからずらす＝先方が文を直して自動調整が動いても間隔は保たれる） */
@media screen and (min-width:769px){
  .pg-top .tb--panel .tb__sub{margin-top:50px}                                   /* 英字の見出し→キャッチ 65→45px */
  .pg-top .tb--panel.pin .tb__p{top:calc(var(--p-p) - 42px)}                     /* キャッチ→ボディ 62→42px */
  .pg-top .tb--panel.pin .tb__btn{top:calc(var(--p-bt) - 47px)}                  /* ボディ→ボタン 49→42px・ボタンの下 12→59px */
}
@media screen and (max-width:768px){
  .pg-top .tb--panel.pin .tb__flow{margin-top:calc(var(--s-p) - 30px - 448px)}   /* キャッチ→ボディ 63→35px（ボディ→ボタンと同じ）。スマホの本文は写真(448px)の下からの余白で置かれている */
  .pg-top .bd--pin>.tb--panel.pin[data-x],.pg-top .tb--panel.pin[data-h]{height:calc(var(--hsp) - 28px);min-height:calc(var(--hsp) - 28px)}   /* 詰めた分だけ章を短く */
}
/* 2026-09-28 先方ご指定：「パレスホテル大宮」だけを書く所（文の途中は指定なし）は日本語をMS P明朝。
   メニュー（≡）の下の会場名・パソコンのフッターの会場名・スマホのフッターの会場名・トップの「アクセス・お問い合わせ」の会場名。
   MS P明朝はWindows（とOfficeの入ったMac）の字体。無い端末（iPhoneなど）は、これまでの明朝で出る */
.mn__low-name,.ft__hall strong,.ft__sp-name,.tac__nm .ttl__jp{font-family:"ＭＳ Ｐ明朝","MS PMincho",var(--mincho)}
/* 2026-09-28 先方ご依頼：ヘッダーのロゴ「PALACE HOTEL OMIYA」をホテル公式HPと同じガラモンドのロゴ画像に（assets/img/logo.png を公式の hdr_logo.png に差し替え）。
   横幅は今のまま、高さは画像の縦横比のまま（前の画像なら今と同じ11px・8px になる） */
.hd__logo img{height:auto}
/* 2026-09-28 山口さん：パーティーレポート（トップ）のパソコンは、カードごとに「チェリールーム 人数47名 挙式月11月」をタイトルのすぐ下に（カードの下へそろえる押し下げをやめる）。スマホはそのまま */
@media screen and (min-width:769px){ .trp .trp__tags{margin-top:0 !important} }
/* 2026-09-29 山口さん：トップのTOPICSの帯に「more」（目立たないように）。押すと帯のすぐ下に新着を開く（details＝別ページを作らない・編集画面の「お知らせ」の並びで直せる） */
.tpx{position:relative}
.tpx__acc{margin:0}
.tpx__more{position:absolute;z-index:2;top:37px;right:calc(50% - 504px);list-style:none;cursor:pointer;font-size:11px;line-height:24px;letter-spacing:.12em;color:#999;padding:10px 10px;margin:-10px -10px}   /* 押せる範囲だけ広く（見た目の位置は同じ）・帯の文字より手前 */
.tpx__more::-webkit-details-marker{display:none}
.tpx__more::after{content:"＋";margin-left:6px;font-size:10px}
.tpx__acc[open] .tpx__more::after{content:"－"}
.tpx__more:hover,.tpx__more:focus-visible{color:#555}
.tpx .tpx__list{width:1008px;height:auto;margin:0 auto;padding:0 0 22px 383px;box-sizing:border-box}
.tpx .tpx__list li{margin:0;padding:9px 0;border-top:1px solid #e3e3e3;font-size:13px;line-height:22px}
.tpx .tpx__list a{display:flex;padding-left:0;font-weight:400;color:inherit}
.tpx .tpx__list .tpx__ttl{flex:1 1 auto;min-width:0}
@media screen and (max-width:768px){
  .tpx__more{top:16px;right:20px}   /* スマホは「TOPICS」と同じ一番上の行の右端（見出しが2行になっても重ならない） */
  .tpx .tpx__list{width:auto;padding:0 20px 18px 58px}
  .tpx .tpx__list a{display:block}
  .tpx .tpx__list .tpx__date{display:block}
}
/* 2026-09-29 先方ご依頼18：カードの会場名の下に人数を小さく（会場名／英語名／人数）。挙式会場のいちばん下のカード */
.cards__num{display:block;margin-top:4px;font-size:11px;line-height:16px}
@media screen and (max-width:768px){ .cards__num{margin-top:2px;font-size:10px;line-height:14px} }
/* 2026-09-29 ご依頼19：披露宴会場の一覧のカード。会場名と人数が1行に入りきらないとき（スイートルームウエディング）は、人数を次の行へ（言葉の途中で折らない） */
.vcards__row{flex-wrap:wrap;row-gap:2px}
.vcards__cap{height:auto;min-height:130px}   /* 人数が次の行に出たとき（スイート）も説明が枠からはみ出さないよう、中身に合わせて伸びる（ほかのカードは今の130pxのまま） */
.vcards__meta{white-space:nowrap}
/* 2026-09-30 ご依頼20（田中様）：スマホの披露宴会場ページの各会場。
   ・会場名（日本語・英語）が写真に被る：写真は画面の幅に合わせて高くなるのに、会場名は上から決め打ちの位置（273px）だったため（430pxで写真の下端272px）
   ・見出し／本文／人数の間が会場ごとにばらばら：文章を直すと、決め打ちの位置のまま間が空いたり詰まったりする
   → スマホだけ、決め打ちの位置をやめて上から順に並べる（間は全会場で同じ。写真→会場名28・会場名→英語7・英語→見出し31・見出し→本文20・本文→人数24・人数→ボタン27）。パソコンは変えない */
@media screen and (max-width:768px){
  .vb.pin[data-h]{min-height:0}
  .vb.pin .vb__name,.vb.pin .vb__en,.vb.pin .vb__lead,.vb.pin .vb__text,.vb.pin .vb__spec,.vb.pin .vb__btn{position:static;top:auto}
  .vb.pin .vb__name{margin-top:28px}
  .vb.pin .vb__en{margin-top:7px}
  .vb.pin .vb__lead{margin-top:31px}
  .vb.pin .vb__text{margin-top:20px}
  .vb.pin .vb__spec{margin-top:24px}
  .vb.pin .vb__btn{display:flex;margin:27px auto 0}
}
/* 2026-09-30 山口さん：パソコンの披露宴会場（と同じ作りのウエディングスタイル）の各会場も、決め打ちの位置をやめて上から順に並べる。
   人数→ボタンの間が会場ごとに47〜96pxとばらばらだった → 全会場で同じ間に（会場名68・会場名→英語7・英語→見出し26・見出し→本文25・本文→人数26・人数→ボタン40）。スマホは変えない */
@media screen and (min-width:769px){
  .vb.pin[data-h]{min-height:0}
  .vb.pin .vb__tx{padding:68px 0 0 115px}
  .vb.pin .vb__name,.vb.pin .vb__en,.vb.pin .vb__lead,.vb.pin .vb__text,.vb.pin .vb__spec,.vb.pin .vb__btn{position:static;top:auto;left:auto}
  .vb.pin .vb__en{margin-top:7px}
  .vb.pin .vb__lead{margin-top:26px}
  .vb.pin .vb__text{margin-top:25px}
  .vb.pin .vb__spec{margin-top:26px}
  .vb.pin .vb__btn{margin-top:40px}
}
/* 2026-09-30 ご依頼21（田中様）：トップの TOPICS を2件に（1件目＝ホテルの改装のお知らせ）。2件を縦に並べる。
   .tpc__list（お知らせ一覧の型：編集画面で並べ替え・追加ができる）の共通の見た目（高さ・行の線・余白）は打ち消す。日付の位置（帯の左から383px）は1件のときと同じ */
.tpx .tpx__top{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;height:auto;margin:0;padding:0 64px 0 0;list-style:none}
.tpx .tpx__top li{margin:0;padding:0;border:0;font-size:13px;line-height:22px}
.tpx .tpx__top a{padding-left:0}
@media screen and (max-width:768px){
  .tpx__in{height:auto;min-height:141px;padding-bottom:20px}
  .tpx .tpx__top{display:block;padding:0}
  .tpx .tpx__top li+li a{margin-top:14px}
}
/* 2026-09-30 ご依頼22（持田様）：ウエディングアイテムの導入文。行末の「。」で見た目の中央が4〜6px左へ寄る → パソコンだけ0.3文字ぶん右へ（タイトルと見た目の中央がそろう）。スマホは左そろえのまま */
@media screen and (min-width:769px){ .pg-item .lead p{position:relative;left:.3em} }
/* 2026-09-30 先方のご要望（一時的・近日中に戻す）：トップのパーティーレポート（見出し・写真の並び・一覧ボタン）を隠す。ページの中身は残す。
   戻すときはこの塊を消すだけ。隠したあとは、見出しの前にあった間（おすすめのプラン→レポートの見出し：PC 120px・SP 80px）を次の段に */
.pg-top .trp__hd,.pg-top .trp{display:none!important}
.pg-top .bd--pin>.trp+.tb--panel[data-gp]{margin-top:120px!important}
@media screen and (max-width:768px){ .pg-top .bd--pin>.trp+.tb--panel[data-gs]{margin-top:80px!important} }
/* 準備中のページ（style-soon・report-soon）：お知らせの下の「トップページへ戻る」 */
.pg-soon .lead+.btn--wide{margin:50px auto 0}
@media screen and (max-width:768px){ .pg-soon .lead+.btn--wide{margin:30px auto 0} }
/* 2026-10-01 ご依頼（田中様 10/1 8:33）：披露宴会場のページの「ブライダルラウンジ」（ベージュの背景の会場）。
   スマホでベージュの背景の下端がボタンの下端とぴったり同じ（余白0）だった → ボタンの下に40px背景を伸ばす（左右は今のまま＝文章の折り返しを変えない）。
   パソコンは今の見え方のまま（ボタンの下41px＝写真の高さで決まる）。文章が長くなっても、ボタンの下に40pxは残るようにする（41px より大きくすると、写真の下にベージュの帯が出る） */
@media screen and (max-width:768px){ .vb.vb--blue.pin .vb__tx{padding-bottom:40px} }
@media screen and (min-width:769px){ .vb.vb--blue.pin .vb__tx{padding-bottom:40px} }
/* 2026-10-01 ご依頼（田中様 10/1 9:55）：お料理のページ「PALACE CLASSIC｜伝統」の写真3枚を、スマホでは 前菜（サーモン）→魚（舌平目）→肉 の順に。
   スマホは1列で上から並ぶ（HTML の順＝縦長の魚・横長1枚目の前菜・横長2枚目の肉）→ 横長1枚目（前菜）だけ先頭へ。
   縦長の写真はパソコン用の「1段目から2段分」の置き場所がスマホにも効いていて、並び順より強いので、スマホでは置き場所を外す。パソコンの並びと「PALACE ECLECTIC」は変えない */
@media screen and (max-width:768px){ .pg-cuisine .cu:not(.cu--rev) .cu__cl > .cu__tall{grid-row:auto} .pg-cuisine .cu:not(.cu--rev) .cu__cl > img:nth-child(2){order:-1} }