/*
Theme Name: WEBLOOMIE
Theme URI: https://www.webloomie.co.jp/
Author: 株式会社WEBLOOMIE
Description: 株式会社WEBLOOMIE コーポレートサイト用テーマ。マーケティングは、ロジカルな恋愛だ。
Version: 1.0
Text Domain: webloomie
*/

/* ===== 共通：カラー・ヘッダー・フッター ===== */
:root{
    --paper:#F7F5F2;--ink:#0D0D0D;--ink-soft:#3A3634;--wine:#6B0D1A;
    --pink:#F4C7C9;--pink-soft:#FBEDEF;--beige:#D6BE9A;--line:#E4DED6;
    --serifjp:"Noto Serif JP",serif;--sansjp:"Noto Sans JP",sans-serif;
    --display:"Playfair Display",serif;--accent:"Cormorant Garamond",serif;
  }
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sansjp);color:var(--ink-soft);background:var(--paper);line-height:1.95;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
nav a{font-size:12.5px;letter-spacing:.14em;color:var(--ink-soft);text-decoration:none;margin-left:26px;text-transform:uppercase;font-weight:500;}
nav a.on{color:var(--wine);}
  header.site{position:sticky;top:0;z-index:20;background:rgba(247,245,242,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
  header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;}
  .logo{font-family:var(--display);font-weight:700;letter-spacing:.18em;color:var(--ink);font-size:20px;text-decoration:none;}
  nav a{font-size:12.5px;letter-spacing:.14em;color:var(--ink-soft);text-decoration:none;margin-left:26px;text-transform:uppercase;font-weight:500;}
  nav a:hover{color:var(--wine);}
  .nav-cta{background:var(--wine);color:#fff!important;padding:9px 20px;border-radius:2px;font-size:12px!important;letter-spacing:.1em;}
  .nav-doc{border:1px solid var(--wine);color:var(--wine)!important;padding:8px 15px;border-radius:2px;font-size:12px!important;letter-spacing:.06em;}
  .nav-doc:hover{background:var(--wine);color:#fff!important;}
  footer.site{background:#080808;color:#8A8480;padding:52px 0 40px;font-size:12.5px;}
  footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;align-items:flex-start;}
  footer .lg{font-family:var(--display);letter-spacing:.2em;color:#fff;font-size:18px;margin-bottom:10px;}
  footer nav a{display:block;color:#8A8480;text-decoration:none;margin:0 0 8px;letter-spacing:.06em;}
  footer .cr{margin-top:36px;text-align:center;letter-spacing:.1em;color:#6A645F;}
@media(max-width:820px){header.site nav a:not(.nav-cta):not(.nav-doc){display:none;}}
/* 管理バー表示時にヘッダーが隠れないように */
body.admin-bar header.site{top:32px;}
@media(max-width:782px){body.admin-bar header.site{top:46px;}}