/* ==========================================================================
   base.css — リセット・共通CSSカスタムプロパティ・全セクション共通スタイル
   漆黒×朱の伝統色路線／明朝体×極細ゴシックの混植
   ========================================================================== */

:root{
  --lacquer:#14120f;
  --lacquer-deep:#0b0a08;
  --charcoal:#1d1b17;
  --vermillion:#b8402c;
  --vermillion-deep:#8f2f1f;
  --ivory:#f4efe4;
  --ivory-warm:#ece3d2;
  --text-on-dark:#ece4d5;
  --sub-dark:#9c9284;
  --line:rgba(184,64,44,0.28);
  --ink:#1c1b18;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"Zen Kaku Gothic New",sans-serif;
  font-weight:300;
  color:var(--ink);
  background:var(--ivory);
  line-height:1.95;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
.serif{font-family:"Shippori Mincho",serif;}
.container{max-width:1160px;margin:0 auto;padding:0 44px;}
h1,h2,h3{font-family:"Shippori Mincho",serif;font-weight:600;letter-spacing:.05em;}
a{color:inherit;text-decoration:none;}

/* 画像プレースホルダー（画像差し替え前のグラデーション表現） */
.ph{
  background:linear-gradient(150deg,#2b2620,#14120f 65%);
  color:rgba(240,230,210,.42);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;letter-spacing:.08em;text-align:center;
}
.ph.warm{background:linear-gradient(150deg,#ded2ba,#c4b190 65%);color:rgba(25,20,10,.45);}
.ph img{width:100%;height:100%;object-fit:cover;display:block;}

.eyebrow{
  font-family:"Shippori Mincho",serif;
  font-size:11.5px;letter-spacing:.4em;color:var(--vermillion);
  margin-bottom:20px;display:inline-block;
}
.rule{width:40px;height:1px;background:var(--vermillion);margin:26px 0;}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ヘッダー（グローバルナビなし・ロゴとCTAのみ） */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:28px 0;mix-blend-mode:difference;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:"Shippori Mincho",serif;font-size:19px;letter-spacing:.32em;color:#fff;}
.header-cta{font-size:11.5px;letter-spacing:.18em;color:#fff;border:1px solid rgba(255,255,255,.55);padding:10px 26px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:300;}

/* フッター */
.site-footer{background:var(--lacquer);color:var(--sub-dark);padding:70px 0 40px;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px;}
.footer-logo{font-family:"Shippori Mincho",serif;font-size:17px;letter-spacing:.28em;color:#fff;}
.footer-links{display:flex;gap:32px;font-size:11.5px;}
.footer-bottom{font-size:10.5px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;}

/* ==========================================================================
   SP（〜768px）— デザインカンプSP版に準拠したレイアウト切り替え
   ========================================================================== */
@media (max-width: 768px){
  .container{padding:0 26px;}
  .site-header{padding:18px 0;}
  .logo{font-size:15px;letter-spacing:.24em;}
  .header-cta{font-size:10.5px;letter-spacing:.12em;padding:8px 16px;}

  .site-footer{padding:50px 0 30px;}
  .footer-top{flex-direction:column;}
  .footer-logo{font-size:14px;letter-spacing:.2em;margin-bottom:22px;}
  .footer-links{flex-direction:column;gap:12px;font-size:11px;margin-bottom:28px;}
  .footer-bottom{font-size:9.5px;padding-top:18px;}

  .eyebrow{font-size:10.5px;letter-spacing:.32em;margin-bottom:16px;}
  .rule{width:32px;margin:20px 0;}
}