@charset "utf-8";
/* 福助堂 TOP専用「和」の皮（参考＝k-kawamura.jp の色合い：和紙の生成り×紺×金・明朝・角のない四角）
   site.css の上に重ねる追加層。構造（HTML）は変えない。全ページ（body[class]）に効く・2026-11-04 下層も統一 */
body[class]{--washi:#f3ede4;--washi-d:#e9e0d2;--kon:#1a2330;--kon-d:#121923;--kin:#8a6938;--kin-d:#4a3620;--kinari:#efe1d3;--sumi:#1a1a1a;--line:#d9cfc0;--ai:var(--kon);--ai-d:var(--kon-d);--paper:var(--washi-d)}
body[class]{font-family:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;color:var(--sumi);letter-spacing:.06em;
  background-color:var(--washi);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
body[class] h1,body[class] h2,body[class] h3,body[class] .btn,body[class] .logo b{font-family:inherit;font-weight:500;letter-spacing:.1em}
body[class] .eyebrow{font-family:"Cormorant Infant","Shippori Mincho",serif;color:#4a3620;letter-spacing:.2em;font-size:13px}

/* 角を落とす・ボタン＝金の四角 */
body[class] .btn{border-radius:0;background:var(--kin);color:#fff;min-height:56px;padding:12px 16px 12px 26px;letter-spacing:.14em}
body[class] .btn i{border-radius:0;background:#fff;color:var(--kin);width:30px;height:30px;font-size:16px}
body[class] .btn:hover{background:var(--kin-d)}
body[class] .btn--ghost{background:transparent;color:var(--kon);border:1px solid var(--kon)}
body[class] .btn--ghost i{background:var(--kon);color:#fff}
body[class] .btn--ghost:hover{background:#ffffff80}
body[class] .line-link{letter-spacing:.12em;border-bottom-color:var(--kin);color:var(--kon)}
body[class] .line-link span{color:var(--kin)}

/* レール・ヘッダー＝和紙に溶かす */
body[class] .rail{background:transparent;border-right-color:#d6cab6}
body[class] .rail-brand b,body[class] .rail-note,body[class] .menu-toggle span{letter-spacing:.2em}
body[class] .rail-contact{background:var(--kin)}
body[class] .rail-contact span{border-radius:0;color:var(--kin)}
body[class] .top{background:transparent;border-bottom:1px solid #d6cab6}
body[class] .top nav{font-size:15px;letter-spacing:.1em}
body[class] .top nav>a:hover,body[class] .top nav>a[aria-current]{border-bottom-color:var(--kin)}
body[class] .top nav>a.top-contact{border-radius:0;background:var(--kin);min-height:48px}
body[class] .top nav>a.top-contact:hover{background:var(--kin-d)}
body[class] .logo small{color:#2d2620}

/* ヒーロー */
body[class] .hero{background:transparent}
body[class] .hero-outline{display:none}
body[class] .hero h1{font-size:clamp(28px,2.6vw,40px);line-height:1.7;letter-spacing:.14em}
body[class] .hero h1 em{color:var(--kin);font-size:14px;letter-spacing:.24em;margin-bottom:18px}
body[class] .hero-lead{letter-spacing:.08em;line-height:2.1}
body[class] .hero-photos img{border-radius:0;box-shadow:0 10px 30px #3a2e1a1f}
body[class] .hero-caption{color:#2d2620}
body[class] .hero-info{border-top-color:#d6cab6;color:#1f1a14}

/* NEWS */
body[class] .notice{background:transparent;border-top:1px solid #d6cab6;border-bottom:1px solid #d6cab6;padding:44px 0}
body[class] .notice h2{font-size:14px;letter-spacing:.3em;line-height:1.6;color:var(--kon)}
body[class] .notice h2::before{content:"新着情報";display:block;font-size:22px;letter-spacing:.2em;margin-bottom:4px}
body[class] .notice h2 span{font-size:13px;color:#4a3620;letter-spacing:.2em}
body[class] .notice li{border-bottom:1px solid var(--line)}
body[class] .notice time{font-family:"Cormorant Infant","Shippori Mincho",serif;color:#4a3620;font-size:15px}

/* 見出し＝番号の丸をやめ、小さな英字ラベル＋明朝 */
body[class] .sec-head{grid-template-columns:1fr;gap:0}
body[class] .sec-head>span{display:none}
body[class] .sec-head h2{display:flex;flex-direction:column-reverse;font-size:30px;line-height:1.6;letter-spacing:.14em;color:var(--kon)}
body[class] .sec-head .en{font-family:"Cormorant Infant","Shippori Mincho",serif;color:#4a3620;font-size:13px;letter-spacing:.24em;margin:0 0 10px}
body[class] .sec-head h2::after{content:"";display:block;width:36px;height:1px;background:var(--kin);margin-top:16px}
body[class] .body p{line-height:2.05;letter-spacing:.06em}
body[class] .lead{letter-spacing:.08em}
body[class] .fig img,body[class] .photo-strip img{border-radius:0}
body[class] .fig figcaption{color:#2d2620}

/* カード＝和紙の面と細い罫 */
body[class] .card{background:#fff;border:1px solid var(--line);border-radius:0;padding:26px}
body[class] .card .ph{border-radius:0;background:var(--washi)}
body[class] .card h3{letter-spacing:.14em;font-size:21px}
body[class] .card p{color:#1f1a14}

/* 紺の帯（星屑模様）＝ネットショップ・お問い合わせ */
body[class] .band,body[class] .contact-band{color:var(--kinari);background-color:var(--kon);
  background-image:radial-gradient(circle at 20% 30%,#ffffff14 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,#ffffff10 0 1px,transparent 1.5px),radial-gradient(circle at 40% 85%,#ffffff0c 0 1.5px,transparent 2px),radial-gradient(circle at 85% 15%,#ffffff12 0 1px,transparent 1.5px);
  background-size:220px 220px,260px 260px,300px 300px,180px 180px}
body[class] .band .eyebrow,body[class] .contact-band .eyebrow{color:#e0c58f}
body[class] .band h2,body[class] .contact-band h2{color:var(--kinari);letter-spacing:.14em;line-height:1.7}
body[class] .band p,body[class] .contact-band p{color:var(--kinari)}
body[class] .band .btn,body[class] .contact-band .btn{background:var(--kin);color:#fff}
body[class] .band .btn i,body[class] .contact-band .btn i{background:#fff;color:var(--kin)}
body[class] .band .btn:hover,body[class] .contact-band .btn:hover{background:var(--kin-d)}
body[class] .contact-band .btn--ghost{background:transparent;color:var(--kinari);border-color:#efe1d380}
body[class] .contact-band .btn--ghost i{background:var(--kinari);color:var(--kon)}
body[class] .contact-band .big-tel{color:var(--kinari);font-family:"Cormorant Infant","Shippori Mincho",serif;font-size:38px;letter-spacing:.06em}
body[class] .band-figure img{border-radius:0;padding:6px;background:#fff}

/* 紹介サイト・関連リンク */
body[class] .links-row a{border-color:#d6cab6;border-radius:0}
body[class] .links-row a:hover{background:#ffffff80}
body[class] .links-row a>span{color:#4a3620;letter-spacing:.12em}
body[class] .links-row strong{letter-spacing:.1em}
body[class] .links-row i{border-radius:0;border-color:var(--kin);color:var(--kin)}

/* フッター＝紺 */
body[class] .ft{background-color:var(--kon-d);color:var(--kinari);border-top:0}
body[class] .ft-logo b,body[class] .ft-logo small,body[class] .ft-msg,body[class] .ft-add,body[class] .ft-h,body[class] .ft th,body[class] .ft td,body[class] .ft-navs a,body[class] .ft-tel b,body[class] .ft-tel small{color:var(--kinari)}
body[class] .ft th{color:#e6dccc}
body[class] .ft th,body[class] .ft td{border-bottom-color:#ffffff22}
body[class] .ft-tel{border-color:#ffffff33;border-radius:0}
body[class] .ft-navs a:hover{color:var(--kin)}
body[class] .ft-logo img{border-radius:0}
body[class] .ft-btm{background:#0d131b;color:#e6dccc}

/* 全画面メニュー・SP固定フッター */
body[class] .menu{background-color:var(--kon);color:var(--kinari);background-image:none}
body[class] .menu-nav strong,body[class] .menu-head b{letter-spacing:.14em}
body[class] .menu-nav a:hover strong{color:var(--kin)}
body[class] .menu .btn{background:var(--kin);color:#fff}
body[class] .menu .btn i{background:#fff;color:var(--kin)}
body[class] .menu .btn--ghost{background:transparent;color:var(--kinari);border-color:#efe1d380}
body[class] .menu .btn--ghost i{background:var(--kinari);color:var(--kon)}
body[class] .spf{background-color:var(--washi);border-top-color:#d6cab6}
body[class] .spf a.tel{background:var(--kin)}
body[class] .fk-form .req,body[class] .form .req{background:#8a2e2a}

@media(max-width:1000px){
  body[class] .hero h1{font-size:26px;line-height:1.65}
  body[class] .sec-head h2{font-size:24px}
  body[class] .notice h2::before{font-size:20px}
}

body[class] .ft .sns{color:var(--kinari)}body[class] .ft .sns small{color:#d6cab6}body[class] .ft .sns:hover,body[class] .sns--band:hover{color:var(--kin)}
body[class] .rail-sns{border-color:#d6cab6;border-radius:0;color:var(--kon)}body[class] .rail-sns:hover{color:var(--kin);border-color:var(--kin)}
body[class] .hero h1 .yomi{color:var(--kin);font-size:.46em;letter-spacing:.12em}

/* 文字色を濃く */
body[class] .notice time,body[class] .eyebrow,body[class] .sec-head .en{color:#4a3620}
body[class] .hero h1 em{color:#4a3620}
body[class] .hero h1 .yomi,body[class] .links-row a>span,body[class] .links-row i,body[class] .line-link span,body[class] .notice h2 span{color:#4a3620}
@media(max-width:1000px){body[class] .hero h1 .yomi{font-size:14px}}

/* 金文字は全部 濃い茶（#4a3620・明度L.24）＝2026-10-01 関谷さん「もっと字を濃く・この色は全部」 */
body[class] .hero h1 em,body[class] .hero h1 .yomi,body[class] .line-link span,body[class] .links-row i,body[class] .rail-note,body[class] .logo small,body[class] .hero-caption,body[class] .fig figcaption{color:#4a3620}

/* 2026-11-04 1001〜1100px でTOPのナビが右に31pxはみ出す（和スキンの字間.1em）→ 下層と同じ字間に */
@media(max-width:1100px){body[class] .top nav{font-size:14px;letter-spacing:.04em}}

/* ==== 下層ページの和の皮（2026-11-04 全ページ統一） ==== */

body[class] .page-hero{background:transparent}
body[class] .page-hero h1{font-weight:500;letter-spacing:.14em;color:var(--kon)}
body[class] .page-outline{display:none}
body[class] .crumb{color:#2d2620;letter-spacing:.1em}
body[class] .layout{border-top-color:#d6cab6}
body[class] .side nav>p{letter-spacing:.14em;color:var(--kon);font-weight:500}
body[class] .side nav>p small{font-family:"Cormorant Infant","Shippori Mincho",serif;color:#4a3620;letter-spacing:.2em}
body[class] .side nav>a{border-bottom-color:var(--line);letter-spacing:.08em}
body[class] .side nav>a span{color:#4a3620}
body[class] .side nav>a:hover{color:var(--kin-d)}
body[class] .content>section{border-bottom-color:#d6cab6}
body[class] .content .fig img,body[class] .photo-strip img,body[class] .content img{border-radius:0}
body[class] .tbl th{color:#1f1a14;font-weight:500;letter-spacing:.08em}
body[class] .tbl th,body[class] .tbl td{border-bottom-color:var(--line)}
body[class] .related>p{color:var(--kon);letter-spacing:.14em}
body[class] .form-panel{background:#fff;border:1px solid var(--line);border-radius:0}
body[class] .form-panel h2{font-weight:500;letter-spacing:.12em;color:var(--kon)}
body[class] .form input,body[class] .form select,body[class] .form textarea,body[class] .wpcf7 input:not([type=submit]):not([type=checkbox]),body[class] .wpcf7 select,body[class] .wpcf7 textarea{border-radius:0;border-color:#cfc4b3;font-family:inherit}
body[class] .form :is(input,select,textarea):focus-visible{outline-color:var(--kin);border-color:var(--kin)}
body[class] .form .ok{border-radius:0;background:var(--washi-d);border-color:var(--line);color:var(--sumi)}
body[class] .faq div{border-bottom-color:var(--line)}
body[class] .faq dt{color:var(--kon);letter-spacing:.06em}
body[class] .faq dd{color:#1f1a14}
body[class] .top nav>a[aria-current]{color:var(--kon)}
@media(max-width:1000px){body[class] .page-hero h1{font-size:28px}}
body[class] main :is(div,aside,figure,img,iframe,dl,table,p){border-radius:0}
body[class] .wpcf7-submit,body[class] .form .sub .btn{border:0}

/* 2026-11-04 中文ページ＝Noto Serif SC（Shippori Mincho に無い簡体字を補う・body[class] の明朝指定より後） */
body.page-zh{font-family:"Noto Serif SC","Shippori Mincho","Yu Mincho",serif;letter-spacing:.04em}

/* 2026-11-04 関谷さん「タブにボタンをつけて」＝言語切替をボタン型タブに */
.lang-sw{gap:10px;margin-top:24px}
.lang-sw a,.lang-sw span[aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:120px;min-height:44px;padding:8px 18px;border:1px solid var(--kon,#1a2330);border-radius:0;color:var(--kon,#1a2330);background:#fff;letter-spacing:.1em;font-size:15px;line-height:1.3}
.lang-sw a{border-bottom:1px solid var(--kon,#1a2330);padding-bottom:8px}
.lang-sw a:hover{background:var(--kon,#1a2330);color:#fff}
.lang-sw span[aria-current]{background:var(--kin,#8a6938);border-color:var(--kin,#8a6938);color:#fff}
@media(max-width:600px){.lang-sw a,.lang-sw span[aria-current]{min-width:0;flex:1 1 calc(33.33% - 8px);padding:8px 6px}}

/* 2026-11-04 スマホヘッダー固定（寸法不変・地色のみ） */
@media(max-width:1000px){body[class] .top{position:fixed;top:0;left:0;right:0;background-color:var(--washi)}}