/*
Theme Name: Blocksy Child
Description: Blocksy Child Theme
Template: blocksy
Version: 1.0.0
*/


/* ============================================================
   UNTITLED SURF — 共通CSS（.us-home スコープ）
   ============================================================ */
.us-home{
  --paper:#ece8e0; --paper-2:#f6f3ec; --wash:#e6e2d9;
  --ink:#191813; --ink-soft:#3a382f; --muted:#6f6b60;
  --line:#d4cec2; --line-soft:#e2ddd2;
  --teal:#1e5a56; --teal-2:#2c7a73; --teal-deep:#143f3c;
  --line-green:#06c755; --radius:3px;
  background:var(--paper); color:var(--ink);
  font-family:"Hanken Grotesk","Zen Kaku Gothic New",sans-serif;
  font-size:15px; line-height:1.85; -webkit-font-smoothing:antialiased;
}
.us-home *,.us-home *::before,.us-home *::after{box-sizing:border-box;margin:0;padding:0}
.us-home a{color:inherit;text-decoration:none}
.us-home img{display:block;max-width:100%}
.us-home a:focus-visible,.us-home button:focus-visible,.us-home summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.us-home .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.us-home .display{font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif;font-weight:800;letter-spacing:-.015em;line-height:.95}
.us-home .jp{font-family:"Zen Kaku Gothic New",sans-serif}
.us-home .mono{font-family:"Space Mono",monospace}
.us-home .exlabel{display:inline-flex;align-items:baseline;gap:10px;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.us-home .exlabel .idx{color:var(--teal);font-weight:700}
.us-home .exlabel .bar{flex:0 0 26px;height:1px;background:var(--teal);align-self:center}
.us-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;border:1.5px solid transparent;border-radius:var(--radius);font-family:"Hanken Grotesk",sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.1;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.us-home .btn:hover{transform:translateY(-1px)}
.us-home .btn-teal{background:var(--teal);color:#fff}
.us-home .btn-teal:hover{background:var(--teal-deep)}
.us-home .btn-ink{background:var(--ink);color:#fff}
.us-home .btn-ink:hover{background:#000}
.us-home .btn-outline{border-color:var(--ink);color:var(--ink)}
.us-home .btn-outline:hover{background:var(--ink);color:#fff}
.us-home .btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}
.us-home .btn-ghost:hover{background:#fff;color:var(--ink)}
.us-home .btn-line{background:var(--line-green);color:#fff;border-color:var(--line-green)}
.us-home .btn-line:hover{filter:brightness(.94)}
.us-home .section{padding:104px 0}
.us-home .band-paper2{background:var(--paper-2)}
.us-home .band-wash{background:var(--wash)}
.us-home .band-ink{background:var(--ink);color:#f3f0e8}
.us-home .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}
.us-home .sec-head .eyebrow{margin-bottom:18px}
.us-home .sec-title{font-size:clamp(40px,6vw,72px)}
.us-home .sec-title .sub{display:block;margin-top:16px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:clamp(15px,1.7vw,19px);letter-spacing:.02em;line-height:1.5;color:var(--ink-soft)}
.us-home .eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:"Space Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.us-home .eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
.us-home .sec-link{flex:0 0 auto;align-self:flex-end;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px}
.us-home .sec-link:hover{color:var(--teal);border-color:var(--teal)}
.us-home .frame{position:relative;overflow:hidden;background:#cfcabd;border:1px solid var(--line);background-image:linear-gradient(150deg,rgba(25,24,19,.16),rgba(25,24,19,.02)),var(--img);background-size:cover;background-position:center}
.us-home .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(25,24,19,.14));pointer-events:none}
.us-home .cap{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}

/* 全幅対策（Blocksy is-layout-constrained）*/
.entry-content .us-home{
  max-width:none !important; width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
  position:static !important; left:auto !important;
}
.entry-content .us-home.us-header{position:sticky !important;top:0 !important;z-index:90}
html{scroll-behavior:smooth;overflow-x:clip}

@media(max-width:720px){
  .us-home{font-size:14px}
  .us-home .wrap{padding:0 20px}
  .us-home .section{padding:68px 0}
  .us-home .sec-head{display:block}
  .us-home .sec-link{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .us-home *,.us-home *::before,.us-home *::after{transition:none !important}
}




/* ============================================================
   UNTITLED SURF — グローバルヘッダー メニューのホバー日本語表示 v4
   対応するPHP: functions.php「6) グローバルヘッダー…」（data-ja 属性を付与）
   v4（2026-07-04）: ホバー時の日本語の文字色を #a8977b（ユーザー指定）へ変更。
     ドロップダウン（黒パネル）内も同色（見づらければ .sub-menu 側だけ #fff に戻す）。
   v3: ドロップダウン対応（左寄せ・padding:inherit）／--menu-items-spacing を40pxへ。
   v2: ::after→::before（Blocksyの下線::afterと衝突回避）／#headerで詳細度確保。
   ============================================================ */

/* メニュー項目同士の間隔（数値を変えれば間隔を調整できる） */
#header [data-id="menu"] {
  --menu-items-spacing: 40px;
}

/* 共通: data-ja を持つリンクはホバーで英語→日本語 */
#header .ct-menu-link[data-ja] {
  position: relative;
}
#header .ct-menu-link[data-ja]::before {
  content: attr(data-ja);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: #a8977b;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
#header .ct-menu-link[data-ja]:hover {
  color: transparent;
}
#header .ct-menu-link[data-ja]:hover::before {
  opacity: 1;
  transform: translateY(0);
}

/* ドロップダウン内（黒パネル）: 左寄せ・本来のpaddingに合わせる。
   文字色は共通の #a8977b を継承（見づらければここに color:#fff を足して戻す） */
#header .sub-menu .ct-menu-link[data-ja]::before {
  justify-content: flex-start;
  padding: inherit;
}

@media (prefers-reduced-motion: reduce) {
  #header .ct-menu-link[data-ja]::before {
    transition: none;
  }
}



/* ============================================================
   UNTITLED SURF — WordPress標準ブロックの英字表示を修正
   Gutenberg編集画面＋公開側に適用
   .us-home内のHero・独自セクションは除外
   ============================================================ */

/* Gutenberg編集キャンバス */
.editor-styles-wrapper{
  font-family:"Hanken Grotesk","Zen Kaku Gothic New",sans-serif!important;
  font-variant-caps:normal;
  text-transform:none;
}

/* 標準の本文ブロック */
:is(.entry-content,.editor-styles-wrapper)
  :where(p,li,dt,dd,blockquote,figcaption,td,th,label,input,textarea,select,button):not(.us-home *){
  font-family:"Hanken Grotesk","Zen Kaku Gothic New",sans-serif!important;
  font-variant-caps:normal!important;
  text-transform:none!important;
}

/* 標準の見出しブロック */
:is(.entry-content,.editor-styles-wrapper)
  :where(h1,h2,h3,h4,h5,h6,.wp-block-post-title,.editor-post-title__input):not(.us-home *){
  font-family:"Bricolage Grotesque","Hanken Grotesk","Zen Kaku Gothic New",sans-serif!important;
  font-variant-caps:normal!important;
  text-transform:none!important;
}

/* 入力欄のプレースホルダー */
:is(.entry-content,.editor-styles-wrapper)
  :where(input,textarea):not(.us-home *)::placeholder{
  font-family:"Hanken Grotesk","Zen Kaku Gothic New",sans-serif!important;
  font-variant-caps:normal!important;
  text-transform:none!important;
}


/* BlocksyのBase Font変更からHOME Heroタイトルを保護
   書体＝ヒラギノ角ゴ ProN W6（2026-07-06 ユーザー確定）。
   Mac/iPhone=ヒラギノW6、Windows/Android=Noto Sans JP 600フォールバック
   （functions.php の us_google_fonts_url() が Noto Sans JP 600 を読込）。 */
html body .us-home .hero h1,
.editor-styles-wrapper .us-home .hero h1{
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif!important;
  font-style:normal!important;
  font-weight:600!important;
  font-synthesis:none!important;
  text-transform:none!important;
}