/* =====================================================================
   会館ページ「筆と落款」デザイン（2026-10-17）
   対象：/halls/ 配下の会館ページ（各ページの </head> 直前で読み込む）
   考え方：創業者が提灯に名を入れた筆の仕事を、和紙の札・朱の落款・筆文字で。
   背景は白無地。HTMLは変えず、このCSSだけで見た目を切り替える。
   元に戻すときは、各ページの読み込み行（link 2行）を消すだけ。
   ===================================================================== */
:root{
  --fude-sumi:#1E1C1A; --fude-usu:#6B6560; --fude-shu:#A8382B; --fude-washi:#FBF9F4; --fude-text:#3B3835;
  --fude-brush:'Yuji Syuku','Hiragino Mincho ProN','Yu Mincho',serif;
  --fude-mincho:'Zen Old Mincho','Hiragino Mincho ProN','Yu Mincho',serif;
  --fude-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .42 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  --fude-stroke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 40 3, 80 12, 120 7 S 200 4, 238 8' fill='none' stroke='%231E1C1A' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");
  /* 既存の色の変数を墨と朱に置き換える（このページの中だけ） */
  --lav:#FFFFFF; --lav-2:#F6F4EF; --lav-3:#ECE7DC;
  --purple:#1E1C1A; --purple-mid:#2A2724; --purple-deep:#1E1C1A; --purple-ink:#1E1C1A;
  --hall-accent:#1E1C1A; --hall-accent-deep:#1E1C1A;
  --ink:#1E1C1A; --text:#3B3835; --muted:#6B6560;
  --gold:#A8382B; --gold-deep:#8E2F24; --gold-tint:#F6E7E2;
  --line:rgba(30,28,26,.18); --line-soft:rgba(30,28,26,.08);
}

/* ---- 白無地 ---- */
.hero,.strip,.lp-section.lav,.lp-sns,.reserve-block{background:#fff !important;}
.hero::before,.hero::after,.member-block::after{display:none !important;}
.room-summary{background:transparent !important;}
.eyebrow{display:flex !important;width:max-content;max-width:100%;color:var(--fude-usu) !important;font-family:var(--fude-mincho);letter-spacing:.18em;}
.eyebrow::before{background:var(--fude-shu) !important;opacity:1 !important;height:2px !important;}
.hero h1 small{font-family:var(--fude-mincho) !important;color:var(--fude-usu) !important;font-weight:700 !important;letter-spacing:.3em !important;}

/* ---- 広い画面で、文字と竹原さんの写真が離れすぎないように ---- */
@media (min-width:1500px){
  .hero .hero-inner{max-width:1440px;margin-inline:auto;padding-right:26rem !important;}
  .hero .hero-figure{right:calc((100% - 1440px)/2 + 1rem);}
}

/* ---- 最上部 ---- */
.hero h1{font-family:var(--fude-brush) !important;font-weight:400 !important;font-size:clamp(2.4rem,5.2vw,4.1rem) !important;letter-spacing:.06em !important;color:var(--fude-sumi) !important;}
.hero-sub{font-family:var(--fude-mincho);color:var(--fude-usu);}
.hero-badges .pill{border-radius:3px !important;background:#fff !important;border:1px solid rgba(30,28,26,.35) !important;color:var(--fude-sumi) !important;font-family:var(--fude-mincho);font-weight:700;box-shadow:none !important;}
.hero-badges .pill.gold{background:var(--fude-shu) !important;border-color:var(--fude-shu) !important;color:#fff !important;}
.hero-addr{border-radius:3px !important;}
.hero-secondary a{border-radius:3px !important;font-family:var(--fude-mincho);}
.hero-secondary a.chat{background:var(--fude-sumi) !important;}

/* ---- 和紙の札（共通） ---- */
.strip-card,.plan-card,.voice,.room,.hero-member{
  position:relative;background:var(--fude-washi) var(--fude-paper) !important;border:0 !important;border-radius:2px !important;
  box-shadow:0 1px 0 rgba(30,28,26,.06),0 18px 30px -24px rgba(30,28,26,.55) !important;}
/* 札の下端は手漉き紙の耳のように */
.strip-card,.plan-card,.voice{clip-path:polygon(0 0,100% 0,100% 97%,96% 99%,90% 97.5%,82% 99.4%,73% 98%,64% 99.6%,55% 98.2%,46% 99.5%,37% 98.1%,27% 99.6%,18% 98.3%,9% 99.5%,0 98%);}

/* 朱の落款（さいき葬祭）：3つの安心と会員価格の箱にだけ押す */
.strip-card::after,.hero-member::after{
  content:"さいき\A葬祭";white-space:pre;position:absolute;bottom:18px;right:16px;width:46px;height:46px;box-sizing:border-box;
  writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;text-align:center;
  font:400 12px/1.2 var(--fude-brush);letter-spacing:-.02em;color:#fff;background:var(--fude-shu);border-radius:3px;
  transform:rotate(-5deg);box-shadow:inset 0 0 0 2px var(--fude-shu),inset 0 0 0 3.5px rgba(255,255,255,.75);opacity:.92;pointer-events:none;}
.hero-member::after{width:40px;height:40px;font-size:10.5px;bottom:auto;top:50%;margin-top:-19px;}

/* ---- 3つの安心 ---- */
.strip-card .ic{background:#fff !important;color:var(--fude-sumi) !important;border-radius:50% !important;box-shadow:inset 0 0 0 1px rgba(30,28,26,.35),inset 0 0 0 4px #fff,inset 0 0 0 5px rgba(168,56,43,.35);}
.strip-card{padding:1.6rem 1.6rem 4.6rem !important;}
.strip-card h3,.plan-name,.room h3{font-family:var(--fude-brush) !important;font-weight:400 !important;font-size:1.3rem !important;color:var(--fude-sumi) !important;}
.strip-card h3 strong{color:var(--fude-shu);font-weight:400;}
.strip-card p{font-family:var(--fude-mincho);line-height:1.95;color:var(--fude-text);}
.strip-card p b{color:var(--fude-sumi);border-bottom:1px solid var(--fude-shu);}

/* ---- 見出し：筆の払いの下線 ---- */
.lp-section .wrap > h2,.aeo-hall-faq h2,.aeo-hall-areas h2{
  font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-sumi) !important;
  display:inline-block;padding:0 .2em .45em 0 !important;border-left:0 !important;
  background:var(--fude-stroke) no-repeat left bottom/100% .42em;}
.aeo-hall-faq h2,.aeo-hall-areas h2{font-size:1.3rem !important;}
.section-lead{font-family:var(--fude-mincho);}

/* ---- 式場 ---- */
.room{padding:1.6rem !important;}
.room-cap{color:var(--fude-shu) !important;}

/* ---- プラン ---- */
.plan-card{padding:2.2rem 1.5rem 1.8rem !important;}
.plan-people{font-family:var(--fude-mincho);color:var(--fude-usu) !important;letter-spacing:.2em;}
.plan-price{color:var(--fude-sumi) !important;}
.plan-price .yen{font-family:var(--fude-brush);font-weight:400;font-size:2.3rem !important;}
.plan-price .mem-label{background:var(--fude-shu) !important;border-radius:2px !important;}
.plan-card.featured{box-shadow:0 0 0 1px var(--fude-shu),0 18px 30px -24px rgba(30,28,26,.55) !important;}
.plan-card.featured::before{top:10px !important;right:12px !important;background:var(--fude-shu) !important;border-radius:2px !important;font-family:var(--fude-brush);font-weight:400;}
.plan-link{color:var(--fude-sumi) !important;}

/* ---- お客様の声：パソコンでは縦書きの手紙 ---- */
.voice .qmark{color:var(--fude-shu) !important;}
@media (min-width:900px){
  .voice{display:flex !important;flex-direction:row-reverse;justify-content:flex-start;gap:1rem;min-height:330px;padding:1.8rem 1.6rem !important;}
  .voice p{writing-mode:vertical-rl;font-family:var(--fude-mincho) !important;font-size:1.02rem !important;line-height:2.1;letter-spacing:.08em;margin:0 !important;max-height:270px;}
  .voice cite{writing-mode:vertical-rl;align-self:flex-start;margin-top:auto;font-family:var(--fude-brush);font-style:normal;color:var(--fude-usu);}
  .voice .qmark{font-size:2rem !important;line-height:1;}
}
@media (max-width:899px){ .voice p{font-family:var(--fude-mincho) !important;line-height:2;} }

/* ---- 会員価格の箱（最上部） ---- */
.hero-member{padding:1.1rem 4.2rem 1.1rem 1.3rem !important;}
.hero-member b{font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-shu) !important;font-size:1.75rem !important;}

/* ---- やすらぎ共済会・相談窓口 ---- */
.member-block{background:var(--fude-sumi) var(--fude-paper) !important;border-radius:2px !important;}
.member-block h2,.reserve-block h2{font-family:var(--fude-brush) !important;font-weight:400 !important;}
.reserve-block{border:1px solid var(--fude-sumi) !important;border-radius:2px !important;}
.reserve-block > div:first-child p{font-family:var(--fude-mincho);line-height:2;}
.reserve-block .ai-badge{background:#fff !important;color:var(--fude-sumi) !important;border:1px solid var(--fude-sumi) !important;border-radius:3px !important;box-shadow:none !important;font-family:var(--fude-mincho);}
.reserve-block .ai-badge .spark{color:var(--fude-shu) !important;text-shadow:none !important;}
.btn--primary{background:var(--fude-sumi) !important;border-radius:3px !important;}
.btn--ghost,.reserve-block .btn-line{border-radius:3px !important;}

/* ---- 会場・アクセス：和紙の台帳 ---- */
.access-info dl{background:var(--fude-washi) var(--fude-paper);padding:1.3rem 1.4rem;gap:0 1em !important;box-shadow:0 1px 0 rgba(30,28,26,.06),0 18px 30px -24px rgba(30,28,26,.55);}
.access-info dt,.access-info dd{padding:.7em 0 !important;border-bottom:1px dashed rgba(30,28,26,.22);}
.access-info dt:last-of-type,.access-info dd:last-of-type{border-bottom:0;}
.access-info dt{font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-sumi) !important;font-size:1rem;}
.access-info dd{font-family:var(--fude-mincho);}
.access-info dd a{color:var(--fude-sumi);font-weight:700;}
.map-frame{border-radius:2px !important;box-shadow:0 0 0 8px var(--fude-washi),0 0 0 9px rgba(30,28,26,.15),0 22px 30px -22px rgba(30,28,26,.6) !important;}

/* ---- 公式SNS ---- */
.lp-sns h2{font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-sumi) !important;}
.lp-sns-links a{border-radius:3px !important;}

/* ---- 会館の紹介・よくある質問・お伺いする地区（ページに直書きの茶色を墨と朱に） ---- */
.aeo-hall-faq > p:first-of-type{font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-sumi) !important;font-size:1.35rem !important;}
.aeo-hall-faq > p{font-family:var(--fude-mincho) !important;color:var(--fude-text) !important;line-height:2 !important;}
.aeo-hall-faq details{border:0 !important;border-radius:2px !important;background:var(--fude-washi) var(--fude-paper) !important;box-shadow:0 1px 0 rgba(30,28,26,.06),0 12px 22px -20px rgba(30,28,26,.6);}
.aeo-hall-faq summary{color:var(--fude-sumi) !important;font-family:var(--fude-mincho);}
.aeo-hall-faq summary > span:first-child{background:var(--fude-shu) !important;border-radius:2px !important;}
.aeo-hall-faq details > div,.aeo-hall-faq details > p{font-family:var(--fude-mincho);color:var(--fude-text) !important;}
.aeo-hall-areas p{font-family:var(--fude-mincho) !important;color:var(--fude-text) !important;}
.aeo-hall-areas a{color:var(--fude-sumi) !important;text-decoration-color:var(--fude-shu) !important;}

/* ---- 紫苑「選ぶときの目安」カード（紫苑のページだけにある部品） ---- */
.ub{background:#fff !important;}
.ub-card{background:var(--fude-washi) var(--fude-paper) !important;border:0 !important;border-radius:2px !important;box-shadow:0 1px 0 rgba(30,28,26,.06),0 18px 30px -24px rgba(30,28,26,.55) !important;}
.ub-top{background:var(--fude-sumi) var(--fude-paper) !important;}
.ub-top small{color:#E8C9A8 !important;}
.ub-top b{font-family:var(--fude-brush);font-weight:400;}
.ub-no{color:var(--fude-shu) !important;}
.ub-body h3{font-family:var(--fude-brush) !important;font-weight:400 !important;color:var(--fude-sumi);}
.ub-body p{font-family:var(--fude-mincho);}
.ub-body strong{color:var(--fude-shu) !important;}
.ub-dots button[aria-current="true"]{background:var(--fude-sumi) !important;}
.ub-arrows button{border-color:var(--fude-sumi) !important;color:var(--fude-sumi) !important;border-radius:3px !important;}
.ub-tel{background:var(--fude-washi) var(--fude-paper) !important;border:1px solid var(--fude-sumi);border-radius:3px !important;}

/* ---- フッター ---- */
.lp-ftr{background:var(--fude-sumi) var(--fude-paper) !important;}

/* ---- スマホ ---- */
@media (max-width:720px){
  .hero-member{display:block !important;padding:1.1rem 3.6rem 1.1rem 1.2rem !important;}
  .hero-member b{display:block;font-size:1.6rem !important;margin-bottom:.45rem;}
  .hero-member em{display:block;font-size:.78rem !important;line-height:1.7;}
  .hero-member::after{top:14px;margin-top:0;right:12px;width:36px;height:36px;font-size:9.5px;}
  .strip-card{padding:1.4rem 1.3rem 3.9rem !important;}
  .strip-card::after{width:40px;height:40px;font-size:10.5px;bottom:16px;right:14px;}
}
@media (prefers-reduced-motion:reduce){ .plan-card{transition:none !important;} }

/* ---- 公式SNSのバナー：筆文字に。お葬式メモリーと公式ブログを追加（2026-10-17） ---- */
.lp-sns-links a{font-family:var(--fude-brush) !important;font-weight:400 !important;font-size:1.12rem;letter-spacing:.02em;}
.lp-sns-links .b-memory{background:var(--fude-sumi) var(--fude-paper) !important;color:#fff !important;}
.lp-sns-links .b-memory svg{color:#E8C9A8;}
.lp-sns-links .b-blog{background:var(--fude-washi) var(--fude-paper) !important;color:var(--fude-sumi) !important;box-shadow:inset 0 0 0 1px var(--fude-sumi),0 8px 20px -10px rgba(0,0,0,.45) !important;}
.lp-sns-links .b-blog svg{color:var(--fude-shu);}

/* ---- お客様の声：縦書きの文字を大きく、カードの中央に（2026-10-17） ---- */
@media (min-width:900px){
  .voice{justify-content:center !important;align-items:stretch;gap:1.6rem !important;min-height:400px;padding:2.6rem 1.8rem 2.4rem !important;}
  .voice .qmark{position:absolute;top:14px;right:18px;font-size:2.4rem !important;}
  .voice p{flex:0 0 auto;height:330px;max-height:none !important;width:auto;font-size:1.32rem !important;line-height:2;letter-spacing:.1em;color:var(--fude-sumi) !important;}
  .voice cite{flex:0 0 auto;align-self:flex-end;margin-top:0 !important;font-size:1.05rem;text-orientation:upright;letter-spacing:.15em;color:var(--fude-text);}
}
@media (max-width:899px){ .voice p{font-size:1.1rem !important;} .voice cite{font-size:1rem;} }

/* ---- 文字を全体的に大きく（読みやすさ優先・2026-10-17） ---- */
.hero-badges .pill{font-size:.9rem !important;padding:.45em 1em !important;}
.hero-sub{font-size:clamp(1.05rem,1.6vw,1.3rem) !important;line-height:1.9 !important;}
.hero-addr{font-size:.95rem !important;}
.hero-member em{font-size:.9rem !important;line-height:1.7;}
.hero-secondary a{font-size:1rem !important;}
.strip-card h3{font-size:1.45rem !important;line-height:1.5 !important;}
.strip-card p{font-size:1.06rem !important;line-height:1.95 !important;}
.section-lead{font-size:1.12rem !important;line-height:2 !important;max-width:46em !important;}
.room h3{font-size:1.45rem !important;}
.room p{font-size:1.06rem !important;line-height:1.9;}
.room-cap{font-size:.85rem !important;letter-spacing:.14em !important;}
.room-summary{font-size:1.05rem !important;}
.plan-people{font-size:.92rem !important;}
.plan-name{font-size:1.45rem !important;}
.plan-note{font-size:1.05rem !important;line-height:1.8;}
.plan-reg{font-size:.98rem !important;}
.plan-price small{font-size:.92rem !important;}
.plan-price .mem-label{font-size:.88rem !important;padding:.15em .55em !important;}
.plan-link{font-size:1.06rem !important;}
.member-block p{font-size:1.12rem !important;line-height:2 !important;}
.price-tag .label{font-size:.95rem !important;}
.access-info dt{font-size:1.12rem !important;}
.access-info dd{font-size:1.06rem !important;line-height:1.9 !important;}
.reserve-block > div:first-child p{font-size:1.12rem !important;}
.reserve-block .btn,.reserve-block .ai-badge,.reserve-block .btn-line{font-size:1.05rem !important;}
.aeo-hall-faq > p:first-of-type{font-size:1.55rem !important;}
.aeo-hall-faq > p{font-size:1.1rem !important;}
.aeo-hall-faq summary{font-size:1.1rem !important;}
.aeo-hall-faq details > div,.aeo-hall-faq details > p{font-size:1.06rem !important;line-height:1.95 !important;}
.aeo-hall-areas p{font-size:1.12rem !important;}
.lp-ftr a,.lp-ftr p{font-size:1rem !important;}
.eyebrow{font-size:.85rem !important;}
@media (max-width:720px){
  .hero-badges .pill{font-size:.82rem !important;}
  .strip-card h3,.room h3,.plan-name{font-size:1.3rem !important;}
  .strip-card p,.room p,.plan-note,.access-info dd,.aeo-hall-faq details > div{font-size:1.02rem !important;}
  .section-lead,.member-block p,.reserve-block > div:first-child p,.aeo-hall-faq > p,.aeo-hall-areas p{font-size:1.05rem !important;}
  .aeo-hall-faq > p:first-of-type{font-size:1.3rem !important;}
  .access-info dl{grid-template-columns:5.5rem 1fr !important;}
}

/* ---- 最上部の紹介文をさらに大きく（会館ページの顔・2026-10-18） ---- */
.hero .hero-sub{font-size:clamp(1.3rem,2.25vw,2.05rem) !important;line-height:1.75 !important;font-weight:600 !important;color:var(--fude-sumi) !important;letter-spacing:.04em !important;max-width:min(100%,20.5em) !important;text-align:justify !important;text-justify:inter-character;word-break:normal !important;line-break:strict;text-wrap:wrap !important;}
@media (max-width:720px){ .hero .hero-sub{font-size:clamp(1.05rem,4.1vw,1.2rem) !important;letter-spacing:0 !important;line-height:1.85 !important;max-width:none !important;width:100% !important;} }

/* ---- 公式SNS以下（よくあるご質問・パンくず）の文字を、ほかのセクションと同じ大きさに（2026-10-18） ---- */
.lp-sns h2,.aeo-hall-faq h2,.aeo-hall-areas h2{font-size:clamp(1.5rem,3vw,2.2rem) !important;line-height:1.5 !important;}
.aeo-hall-faq h2,.aeo-hall-areas h2{margin:2.6rem 0 1.4rem !important;}
.aeo-hall-faq,.aeo-hall-areas,.aeo-breadcrumb{max-width:1040px !important;}
@media (min-width:900px){
  .lp-sns .wrap{max-width:900px !important;}
  .lp-sns-links{max-width:440px !important;flex-basis:380px !important;gap:1.1rem !important;}
  .lp-sns-links a{font-size:1.38rem !important;padding:1.05em 1.4em !important;gap:.9rem !important;}
  .lp-sns-links a svg{width:1.8rem !important;height:1.8rem !important;}
  .aeo-hall-faq > p:first-of-type{font-size:clamp(1.55rem,2.3vw,1.95rem) !important;line-height:1.6 !important;}
  .aeo-hall-faq > p{font-size:1.22rem !important;}
  .aeo-hall-faq summary{font-size:1.3rem !important;padding:1.15rem 1.3rem !important;gap:.8rem !important;}
  .aeo-hall-faq summary > span:first-child{width:1.9rem !important;height:1.9rem !important;font-size:1rem !important;}
  .aeo-hall-faq details > div,.aeo-hall-faq details > p{font-size:1.2rem !important;}
  .aeo-hall-areas p,.aeo-hall-areas a{font-size:1.22rem !important;}
  .aeo-breadcrumb{font-size:1rem !important;}
}
@media (max-width:899px){
  .aeo-hall-faq h2,.aeo-hall-areas h2{margin:2rem 0 1.1rem !important;}
  .aeo-hall-faq summary{font-size:1.12rem !important;}
  .aeo-hall-faq summary > span:first-child{width:1.6rem !important;height:1.6rem !important;font-size:.9rem !important;}
  .aeo-hall-faq details > div,.aeo-hall-faq details > p{font-size:1.06rem !important;}
  .aeo-breadcrumb{font-size:.9rem !important;}
}
