/* =========================================================
  トップページ：SCROLL直下の投稿（日付付きリンク）を完全に非表示
========================================================= */
body.home #cb_content_1,
body.home #cb_content_1 *,
body.home #main_contents > a[href*="/interview/"],
body.home #main_contents > a[href*="/blog/"],
body.home #main_contents > time,
body.home #main_contents > .date {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* スマホだけ：TOPのSCROLL直下ニュース/投稿ティッカーを完全非表示 */
@media (max-width: 767px) {
  body.home #news_ticker_bottom,
  body.home #news_ticker_bottom * {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}



/* === Journal listing page (/blog-2/) - v4 ===
   wp-admin → TCDテーマ → 投稿 → 追加コンテンツ → CSS に貼り付け */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,300;1,400&family=Shippori+Mincho+B1:wght@400;500;600&family=Noto+Serif+JP:wght@300;400;500&display=swap');
 
body.blog,body.blog #container,body.blog #main_contents{background:#f7f4ec !important;}
 
/* HEADER */
body.blog #header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:1.2rem 3rem !important;margin:0 !important;background:rgba(10,8,6,0.92) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #2a221c !important;z-index:100 !important;box-shadow:none !important;transform:none !important;transition:none !important;}
body.blog #header_search,body.blog #header .global_menu_button{display:none !important;}
body.blog #header_logo{position:static !important;width:auto !important;padding:0 !important;margin:0 !important;flex:0 0 auto !important;transform:none !important;}
body.blog #header_logo .logo{margin:0 !important;padding:0 !important;line-height:0 !important;}
body.blog #header_logo .logo a{display:inline-block !important;width:140px;height:34px;background:url('https://i0.wp.com/nateamlab.jp/wp-content/uploads/2026/05/NaTeam_logo_white.png?ssl=1') no-repeat left center;background-size:contain;text-indent:-9999px;font-size:0 !important;line-height:0 !important;color:transparent !important;border:none !important;}
body.blog #header_logo .logo_text{display:none !important;}
body.blog #global_menu{position:static !important;width:auto !important;height:auto !important;background:transparent !important;visibility:visible !important;opacity:1 !important;flex:0 1 auto !important;transform:none !important;transition:none !important;margin:0 !important;padding:0 !important;display:block !important;}
body.blog #global_menu ul.menu{display:flex !important;gap:2.2rem !important;margin:0 !important;padding:0 !important;list-style:none !important;flex-wrap:nowrap;align-items:center;background:transparent !important;}
body.blog #global_menu ul.menu li{display:list-item !important;margin:0 !important;padding:0 !important;background:transparent !important;border:none !important;position:relative !important;}
body.blog #global_menu ul.menu li a{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:0.82rem !important;letter-spacing:0.4em !important;color:#a89e8e !important;text-transform:uppercase !important;text-decoration:none !important;padding:0 !important;background:transparent !important;border:none !important;transition:color 0.4s ease;}
body.blog #global_menu ul.menu li a:hover{color:#cfac74 !important;}
body.blog #global_menu ul.menu .current-menu-item a{color:#cfac74 !important;}
body.blog #global_menu .menu-item-351,body.blog #global_menu .menu-item-355,body.blog #global_menu .menu-item-452,body.blog #global_menu .menu-item-454,body.blog #global_menu .menu-item-481,body.blog #global_menu .menu-item-549,body.blog #global_menu .menu-item-591,body.blog #global_menu .menu-item-628,body.blog #global_menu .menu-item-656{display:none !important;}
body.blog #global_menu ul.menu .menu-item-315{order:1;}body.blog #global_menu ul.menu .menu-item-328{order:2;}body.blog #global_menu ul.menu .menu-item-329{order:3;}body.blog #global_menu ul.menu .menu-item-331{order:4;}body.blog #global_menu ul.menu .menu-item-333{order:5;}body.blog #global_menu ul.menu .menu-item-334{order:6;}body.blog #global_menu ul.menu .menu-item-456{order:7;}body.blog #global_menu ul.menu .menu-item-336{order:8;}body.blog #global_menu ul.menu .menu-item-353{order:9;}body.blog #global_menu ul.menu .menu-item-339{order:10;}
body.blog #global_menu ul.menu .menu-item-333::before,body.blog #global_menu ul.menu .menu-item-353::before{content:"";display:inline-block;width:14px;height:1px;background:rgba(168,158,142,0.45);position:relative;top:-3px;margin-right:1.4rem;vertical-align:middle;}
body.blog #global_menu .menu-item-333>a{font-size:0 !important;letter-spacing:0 !important;}
body.blog #global_menu .menu-item-333>a::before{content:"Class";font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.82rem;letter-spacing:0.4em;text-transform:uppercase;}
body.blog #global_menu .menu-item-334>a{font-size:0 !important;letter-spacing:0 !important;}
body.blog #global_menu .menu-item-334>a::before{content:"Atelier";font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.82rem;letter-spacing:0.4em;text-transform:uppercase;}
 
/* HERO with food image bg + dark overlay */
body.blog #page_header{height:auto !important;min-height:0 !important;padding:9rem 1.5rem 4rem !important;position:relative !important;overflow:hidden !important;background:linear-gradient(180deg,rgba(10,8,6,0.65) 0%,rgba(10,8,6,0.55) 35%,rgba(10,8,6,0.8) 80%,rgba(10,8,6,0.92) 100%),url('https://nateamlab.jp/wp-content/uploads/2026/05/0502%E5%B7%9D%E5%8E%9F%E6%96%99%E7%90%86%E6%92%AE%E5%BD%B1_3262.jpg') center/cover no-repeat !important;}
body.blog #page_header .bg_image,body.blog #page_header .overlay{display:none !important;}
body.blog #page_header_inner{position:static !important;transform:none !important;-webkit-transform:none !important;width:100% !important;max-width:760px !important;margin:0 auto !important;padding:0 !important;text-align:center !important;left:auto !important;top:auto !important;right:auto !important;}
body.blog #page_header .headline{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-weight:400 !important;font-size:clamp(3.5rem,9vw,5.5rem) !important;letter-spacing:0.04em !important;line-height:1 !important;color:#f7f4ec !important;text-shadow:none !important;margin:0 0 1.6rem !important;padding:0 !important;background:transparent !important;}
body.blog #page_header .headline::after{content:"";display:block;width:64px;height:1px;background:#cfac74;margin:1.8rem auto 0;}
body.blog #page_header .desc{font-family:'Shippori Mincho B1','Noto Serif JP',serif !important;font-size:0.95rem !important;letter-spacing:0.15em !important;line-height:2.1 !important;color:#ece4d3 !important;text-shadow:none !important;margin:1.8rem auto 0 !important;max-width:600px !important;}
 
/* Breadcrumb */
body.blog #bread_crumb{position:static !important;background:transparent !important;border:none !important;padding:2.4rem 0 0 !important;margin:0 !important;text-align:center !important;width:100% !important;height:auto !important;left:auto !important;bottom:auto !important;display:block !important;}
body.blog #bread_crumb ul{width:100% !important;text-align:center !important;display:block !important;padding:0 1rem !important;margin:0 auto !important;font-size:0.72rem !important;list-style:none !important;white-space:normal !important;}
body.blog #bread_crumb li,body.blog #bread_crumb li.last,body.blog #bread_crumb li.home,body.blog #bread_crumb li.category{display:inline !important;background:transparent !important;border:none !important;padding:0 !important;margin:0 !important;font-family:'Cormorant Garamond','Shippori Mincho B1',serif !important;font-style:italic !important;font-size:0.7rem !important;letter-spacing:0.1em !important;}
body.blog #bread_crumb li,body.blog #bread_crumb li *,body.blog #bread_crumb li a,body.blog #bread_crumb li a span,body.blog #bread_crumb li span{color:#a89e8e !important;text-shadow:none !important;font-weight:400 !important;background:transparent !important;border:none !important;}
body.blog #bread_crumb li.home a::before,body.blog #bread_crumb li.home::before,body.blog #bread_crumb li.home a:before{color:#a89e8e !important;background:transparent !important;}
body.blog #bread_crumb li a:hover,body.blog #bread_crumb li a:hover span{color:#cfac74 !important;}
body.blog #bread_crumb li:after{content:" / " !important;display:inline !important;color:#5e554a !important;margin:0 0.4em !important;font-style:normal !important;background:transparent !important;position:static !important;width:auto !important;height:auto !important;}
body.blog #bread_crumb li:last-of-type:after,body.blog #bread_crumb li.last:after{content:"" !important;display:none !important;}
 
/* CATEGORY BANNERS */
body.blog .nt-categories{max-width:1100px;margin:0 auto;padding:4rem 1.5rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;}
body.blog .nt-cat-card{display:flex;flex-direction:column;text-decoration:none !important;color:inherit !important;background:#ffffff;overflow:hidden;border:1px solid #ece4d3;transition:transform 0.6s cubic-bezier(0.86,0,0.07,1),box-shadow 0.6s ease;}
body.blog .nt-cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(40,30,20,0.18);}
body.blog .nt-cat-card .nt-cat-img{width:100%;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
body.blog .nt-cat-card .nt-cat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,0.15) 0%,rgba(10,8,6,0.55) 100%);}
body.blog .nt-cat-card .nt-cat-content{padding:1.8rem 1.6rem 2rem;text-align:center;background:#ffffff;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:0.5rem;}
body.blog .nt-cat-card .nt-cat-en{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.72rem;letter-spacing:0.4em;color:#a08456;text-transform:uppercase;margin:0;}
body.blog .nt-cat-card .nt-cat-jp{font-family:'Shippori Mincho B1','Noto Serif JP',serif;font-weight:600;font-size:1.2rem;letter-spacing:0.08em;color:#1a1612;margin:0.4rem 0 0.6rem;line-height:1.5;}
body.blog .nt-cat-card .nt-cat-desc{font-family:'Shippori Mincho B1','Noto Serif JP',serif;font-size:0.82rem;letter-spacing:0.06em;line-height:1.85;color:#7d6038;margin:0;}
body.blog .nt-cat-card .nt-cat-arrow{display:inline-block;margin-top:0.8rem;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.72rem;letter-spacing:0.4em;color:#a08456;text-transform:uppercase;}
body.blog .nt-cat-card:hover .nt-cat-arrow{color:#cfac74;}
 
/* LIST */
body.blog #blog_archive{background:#f7f4ec !important;padding:0 1.5rem 5rem !important;}
body.blog #blog_list{max-width:820px !important;margin:0 auto !important;background:transparent !important;display:block !important;padding:0 !important;}
body.blog #blog_list .image_link,body.blog #blog_list .image_wrap,body.blog #blog_list .image,body.blog #blog_list .animate_background{display:none !important;}
body.blog #blog_list .item{background:transparent !important;border:none !important;border-bottom:1px solid rgba(160,132,86,0.22) !important;padding:1.5rem 0 !important;margin:0 !important;width:100% !important;max-width:none !important;display:block !important;float:none !important;box-shadow:none !important;transition:opacity 0.5s ease;}
body.blog #blog_list .item:hover{opacity:0.65;}
body.blog #blog_list .item:first-of-type{border-top:1px solid rgba(160,132,86,0.22) !important;}
body.blog #blog_list .item .content{padding:0 !important;background:transparent !important;text-align:left !important;margin:0 !important;width:100% !important;}
body.blog #blog_list .category{margin:0 0 0.7rem !important;padding:0 !important;background:transparent !important;}
body.blog #blog_list .category a{display:inline-block !important;font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:0.74rem !important;letter-spacing:0.35em !important;color:#a08456 !important;text-transform:uppercase !important;text-decoration:none !important;border:none !important;padding:0 !important;background:transparent !important;}
body.blog #blog_list .title_area{display:block !important;padding:0 !important;margin:0 !important;}
body.blog #blog_list .title_link{text-decoration:none !important;border:none !important;display:block !important;}
body.blog #blog_list .title{font-family:'Shippori Mincho B1','Noto Serif JP',serif !important;font-weight:600 !important;font-size:clamp(1.05rem,1.8vw,1.25rem) !important;letter-spacing:0.04em !important;line-height:1.65 !important;color:#1a1612 !important;margin:0 0 0.55rem !important;padding:0 !important;background:transparent !important;text-align:left !important;display:block !important;transition:color 0.4s ease;}
body.blog #blog_list .title span{background:transparent !important;color:inherit !important;}
body.blog #blog_list .title_link:hover .title,body.blog #blog_list .title_link:hover .title span{color:#7d6038 !important;}
body.blog #blog_list .date{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:0.78rem !important;letter-spacing:0.1em !important;color:#a89e8e !important;margin:0 !important;padding:0 !important;background:transparent !important;}
body.blog #blog_archive::before{content:"All Articles";display:block;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.8rem;letter-spacing:0.4em;color:#a08456;text-transform:uppercase;margin:2.5rem 0 0.5rem;padding:0;}
body.blog #blog_archive::after{content:"";display:block;width:48px;height:1px;background:#a08456;margin:0.8rem auto 2.5rem;}
 
/* FOOTER */
body.blog #footer{background:#0a0806 !important;color:#a89e8e !important;padding:4rem 1.5rem 3rem !important;margin-top:3rem !important;border-top:1px solid #2a221c !important;}
body.blog #footer_search{display:none !important;}
body.blog #footer .footer_menu{max-width:1100px !important;margin:0 auto 2rem !important;padding:0 !important;}
body.blog #footer .footer_menu ul.menu{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:1.4rem 2rem !important;margin:0 !important;padding:0 !important;list-style:none !important;}
body.blog #footer .footer_menu li{display:list-item !important;margin:0 !important;padding:0 !important;background:transparent !important;border:none !important;}
body.blog #footer .footer_menu li a{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:0.78rem !important;letter-spacing:0.35em !important;color:#a89e8e !important;text-transform:uppercase !important;text-decoration:none !important;padding:0 !important;background:transparent !important;border:none !important;transition:color 0.4s ease;}
body.blog #footer .footer_menu li a:hover{color:#cfac74 !important;}
body.blog #footer .menu-item-351,body.blog #footer .menu-item-355,body.blog #footer .menu-item-452,body.blog #footer .menu-item-454,body.blog #footer .menu-item-481,body.blog #footer .menu-item-549,body.blog #footer .menu-item-591,body.blog #footer .menu-item-628,body.blog #footer .menu-item-656{display:none !important;}
body.blog #footer .menu-item-333>a{font-size:0 !important;letter-spacing:0 !important;}
body.blog #footer .menu-item-333>a::before{content:"Class";font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.78rem;letter-spacing:0.35em;text-transform:uppercase;}
body.blog #footer .menu-item-334>a{font-size:0 !important;letter-spacing:0 !important;}
body.blog #footer .menu-item-334>a::before{content:"Atelier";font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.78rem;letter-spacing:0.35em;text-transform:uppercase;}
body.blog #copyright{text-align:center !important;font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:0.72rem !important;letter-spacing:0.3em !important;color:#5e554a !important;margin:2rem auto 0 !important;padding:0 !important;}
body.blog #copyright::before{content:"Na Team Lab — Ebisu";display:block;}
 
@media(max-width:900px){body.blog #header{padding:0.9rem 1.2rem !important;}body.blog #header_logo .logo a{width:100px;height:26px;}body.blog #global_menu{display:none !important;}body.blog .nt-categories{grid-template-columns:1fr;gap:1.2rem;padding:2.5rem 1rem 1.5rem;}}
@media(max-width:768px){body.blog #page_header{padding:6rem 1.2rem 3rem !important;}body.blog #page_header .headline{font-size:2.8rem !important;}body.blog #page_header .headline::after{margin:1.3rem auto 0;width:48px;}body.blog #page_header .desc{font-size:0.85rem !important;letter-spacing:0.1em !important;line-height:2 !important;max-width:100% !important;}body.blog #bread_crumb{padding-top:1.8rem !important;}body.blog #blog_archive{padding:0 1rem 3.5rem !important;}body.blog #blog_archive::before{font-size:0.7rem;letter-spacing:0.3em;margin:1.8rem 0 0.4rem;}body.blog #blog_archive::after{margin:0.6rem auto 1.6rem;width:36px;}body.blog #blog_list .item{padding:1.2rem 0 !important;}body.blog #blog_list .title{font-size:1rem !important;line-height:1.6 !important;}body.blog #blog_list .category a{font-size:0.68rem !important;letter-spacing:0.25em !important;}body.blog .nt-cat-card .nt-cat-img{height:160px;}body.blog .nt-cat-card .nt-cat-jp{font-size:1.1rem;}body.blog #footer{padding:2.5rem 1rem 2rem !important;}body.blog #footer .footer_menu ul.menu{gap:0.9rem 1.4rem !important;}body.blog #footer .footer_menu li a{font-size:0.68rem !important;letter-spacing:0.25em !important;}}
 






/* ブログ記事のテーマヘッダー(ナビ部分)のチラつき防止 */
body.single #header,
body.single header#header,
body.single #header_inner,
body.single .global_menu_button,
body.single #drawer_menu,
body.single #mobile_banner {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}

body.single,
body.single #container,
body.single #main_contents {
  background: #f7f4ec !important;
  padding-top: 0 !important;
}













/* ============================================================
   Na Team Lab — カテゴリページ ホームページ統一スタイル【v13】
   貼り付け先: WP管理画面 → 外観 → カスタマイズ → 追加CSS
   対象: /category/cooking/ /category/wine/ /category/pairing/
 
   v13 の変更点（v12からの差分）：
   - 右上ハンバーガーボタン → 非表示
   - スライドドロワー → 完全停止
   - 暗オーバーレイ → 削除
   - × 閉じるボタン → 削除
   - hover/focus 発火トリガー → 全て無効化
   → ロゴ + 中央メニュー6項目だけのシンプルな構成に
 
   v12 の変更点（v11からの差分）：
   - HP の設計トークン（:root のCSS変数）をそのまま採用
     --text / --text-mute / --gold / --gold-hi / --line / --bg-soft /
     --bg-card / --serif-en / --serif-jp / --ease-elegant
   - すべてのハードコード色（68箇所）を var(--xxx) に置換
   - 旧 --nt-* 互換エイリアス残置
   - ヘッダー背景を HP .nt-header.solid 状態と同値 (.92 + blur(14px))
   - ヘッダー transition を HP と同じ4プロパティに統一
   - 全カラー/フォント/イージングが HP の :root と完全一致
 
   v11 の変更点:
   - HPの #nt-drawer のCSSを完全移植（flex gap, padding-left slide hover）
   - × ボタンを HP仕様（hover 90°回転）に
   - drawer transform を translateX(105%) / 0.8s ease-elegant に
 
   v9 の変更点:
   - ドロワー内容を HP (#nt-drawer) 完全準拠に
     ・幅 420px（HP実測値）
     ・項目を11個に絞り込み（HP順）
       Restaurant / Catering / Party / Tiramisù / KOKORO /
       Pairing Class / Atelier / Counsel / Community / Journal / Contact
     ・各項目に英日二段表示（英語UPPERCASE + 日本語サブテキスト）
     ・KOKORO は緑 #6a8a72
     ・menu-item-333 (料理教室&ワインスクール) → "Pairing Class" に書き換え
     ・menu-item-334 (Menu Atelier) → "Atelier" に書き換え
     ・フッターに "Na Team Lab — Ebisu" 追加
 
   v8 の変更点:
   - PC でもハンバーガーを表示・機能させる
     CSS-only スライドドロワー実装（:focus / :focus-within / :has()）
   - ドロワーは右からスライドイン、暗オーバーレイ付き
 
   v7.2 の変更点:
   - 記事タイトル黒文字 → 白系 var(--text) に修正
   - 日付・抜粋・カテゴリバッジを暗テーマ用にスタイル統一
 
   v7.1 の変更点:
   - PC 2列レイアウト崩れを修正（box-sizing: border-box 追加）
   - #blog_list の独自 flex/gap 上書きを撤回、テーマ既定を尊重
   - モバイルブレイク（≤900px）でメニュー非表示・ハンバーガー表示
   ============================================================ */
 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Shippori+Mincho+B1:wght@400;500;600&family=Noto+Serif+JP:wght@300;400;500&display=swap');
 
/* ============================================================
   FOUC緩和：白フラッシュを最小化
   テーマCSSの後にCustomizer CSSが適用される前、html/bodyを暗背景に
   ============================================================ */
html {
  background: var(--bg-soft);
}
html:has(body.category) {
  overflow-x: hidden !important;
  background: var(--bg-soft) !important;
}
body.category {
  background: var(--bg-soft) !important;
}
 
/* ============================================================
   デザイントークン（HPと同名・同値で完全統一）
   出典: HP の #nt-root computedStyle 実測値
   ============================================================ */
:root {
  /* HP公式トークン（リテラル値で定義） */
  --text:           #ece4d3;
  --text-mute:      #a89e8e;
  --bg-soft:        #0a0806;
  --bg-card:        #15110d;
  --gold:           #a08456;
  --gold-hi:        #cfac74;
  --line:           #2a221c;
  --serif-en:       'Cormorant Garamond', serif;
  --serif-jp:       'Shippori Mincho B1', 'Noto Serif JP', serif;
  --ease-elegant:   cubic-bezier(.86, 0, .07, 1);
  --ease-quick:     cubic-bezier(.25, .8, .25, 1);
 
  /* 互換: 旧 --nt-* 名（過去のCSS参照用） */
  --nt-text:        var(--text);
  --nt-text-mute:   var(--text-mute);
  --nt-bg-deep:     var(--bg-soft);
  --nt-bg-card:     var(--bg-card);
  --nt-gold:        var(--gold);
  --nt-gold-hi:     var(--gold-hi);
  --nt-line:        var(--line);
  --nt-serif-en:    var(--serif-en);
  --nt-serif-jp:    var(--serif-jp);
  --nt-ease-elegant: var(--ease-elegant);
}
 
/* ============================================================
   ベース：背景・テキスト
   ============================================================ */
body.category,
body.category #container,
body.category #main_contents,
body.category #blog_archive,
body.category #archive_content,
body.category #content {
  background: var(--nt-bg-deep) !important;
  color: var(--nt-text) !important;
  overflow-x: hidden !important;
}
 
/* ============================================================
   ヘッダー：絶対配置でホームページ完全準拠
   #header は position:fixed の relative コンテナ。
   ロゴ・メニュー・ハンバーガーは内部で absolute 配置。
   ============================================================ */
/* HP の .nt-header.solid 状態を常時適用
   （カテゴリページには hero がないため solid 状態が自然） */
body.category #header,
body.category header#header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: rgba(10, 8, 6, 0.92) !important;
  background-color: rgba(10, 8, 6, 0.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 76px !important;
  min-height: 76px !important;
  display: block !important;
  z-index: 100 !important;
  transition: background 0.6s var(--ease-elegant),
              padding 0.6s var(--ease-elegant),
              backdrop-filter 0.6s var(--ease-elegant),
              border-color 0.6s var(--ease-elegant) !important;
}
body.category #header *,
body.category .header_wrapper * {
  background-color: transparent !important;
}
 
/* === ロゴ：左 30px に絶対配置 === */
body.category #header_logo {
  position: absolute !important;
  top: 50% !important;
  left: 30px !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
}
body.category #header_logo .logo_text,
body.category #header_logo .rich_font_logo {
  display: none !important;
  visibility: hidden !important;
}
body.category #header_logo .logo {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
}
body.category #header_logo a {
  display: inline-block !important;
  width: 140px !important;
  height: 34px !important;
  background: url('https://nateamlab.jp/wp-content/uploads/2026/05/NaTeam_logo_white.png') no-repeat left center !important;
  background-size: contain !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}
 
/* === ハンバーガー：右 30px に絶対配置（PC/スマホ両方表示）=== */
body.category .global_menu_button,
body.category #header .global_menu_button,
body.category #header a.global_menu_button {
  position: absolute !important;
  top: 50% !important;
  right: 30px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  display: block !important;
  visibility: visible !important;
  width: 28px !important;
  height: 20px !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 250 !important;
  outline: none !important;
}
body.category .global_menu_button span,
body.category #header .global_menu_button span {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: var(--text-mute) !important;
  background-color: var(--text-mute) !important;
  transition: transform .4s, top .3s, opacity .2s, background .3s !important;
}
body.category .global_menu_button span:nth-child(1) { top: 3px !important; }
body.category .global_menu_button span:nth-child(2) { top: 10px !important; }
body.category .global_menu_button span:nth-child(3) { top: 17px !important; }
body.category .global_menu_button:hover span {
  background: var(--gold-hi) !important;
  background-color: var(--gold-hi) !important;
}
 
/* === グローバルメニュー：画面中央に絶対配置（/journal/ と統一）=== */
body.category #global_menu {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
}
body.category #global_menu ul.menu {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 38.4px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: auto !important;
  height: auto !important;
}
body.category #global_menu .menu li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  display: none !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
}
/* 表示する6項目
   (Restaurant=315, KOKORO=656, Catering=328, Party=329, Journal=353, Contact=339) */
body.category #global_menu .menu li.menu-item-315,
body.category #global_menu .menu li.menu-item-656,
body.category #global_menu .menu li.menu-item-328,
body.category #global_menu .menu li.menu-item-329,
body.category #global_menu .menu li.menu-item-353,
body.category #global_menu .menu li.menu-item-339 {
  display: inline-flex !important;
}
/* HP順序：Restaurant→KOKORO→Catering→Party→Journal→Contact */
body.category #global_menu .menu li.menu-item-315 { order: 1 !important; }
body.category #global_menu .menu li.menu-item-656 { order: 2 !important; }
body.category #global_menu .menu li.menu-item-328 { order: 3 !important; }
body.category #global_menu .menu li.menu-item-329 { order: 4 !important; }
body.category #global_menu .menu li.menu-item-353 { order: 5 !important; }
body.category #global_menu .menu li.menu-item-339 { order: 6 !important; }
 
body.category #global_menu .menu li a {
  font-family: var(--nt-serif-en) !important;
  font-style: italic !important;
  font-size: 13.12px !important;
  letter-spacing: 0.4em !important;
  color: var(--nt-text-mute) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  text-shadow: none !important;
  padding: 6.4px 4px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  height: auto !important;
  width: auto !important;
  display: inline-block !important;
  position: relative !important;
  transition: color 0.5s var(--nt-ease-elegant) !important;
  overflow: visible !important;
}
body.category #global_menu .menu li a:hover {
  color: var(--nt-gold-hi) !important;
  background: transparent !important;
}
 
/* === HPと同じ：中央から両側に広がる金色アンダーライン === */
body.category #global_menu .menu li a::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: var(--nt-gold-hi) !important;
  transition: width 0.4s var(--nt-ease-elegant), left 0.4s var(--nt-ease-elegant) !important;
  pointer-events: none !important;
}
body.category #global_menu .menu li a:hover::after,
body.category #global_menu .menu li a:focus::after {
  left: 0 !important;
  width: 100% !important;
}
 
/* 検索ボタンは非表示 */
body.category #header_search,
body.category #header_search_button {
  display: none !important;
}
 
/* テーマ既定のドロワーメニュー */
body.category #drawer_menu,
body.category #drawer_menu_wrapper {
  background: rgba(10, 8, 6, 0.98) !important;
  color: var(--text) !important;
}
body.category #drawer_menu a {
  color: var(--text) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  letter-spacing: 0.3em !important;
}
 
/* モバイルバナーは非表示 */
body.category #mobile_banner,
body.category .mobile_banner {
  display: none !important;
}
 
/* モバイル(≤900px)：中央メニューだけ隠してハンバーガーは PC/モバイル共通で表示 */
@media (max-width: 900px) {
  body.category #global_menu {
    display: none !important;
  }
}
@media (max-width: 768px) {
  body.category #header {
    height: 60px !important;
    min-height: 60px !important;
  }
  body.category #header_logo {
    left: 20px !important;
  }
  body.category #header_logo a {
    width: 110px !important;
    height: 28px !important;
  }
  body.category .global_menu_button {
    right: 20px !important;
  }
}
 
/* ============================================================
   ドロワーメニュー：右からスライドイン
   CSS-only 開閉：ハンバーガー :focus or ドロワー :focus-within で開く
   閉じる：外側クリックでフォーカスが外れて自動クローズ
   ============================================================ */
body.category #drawer_menu {
  display: block !important;
  visibility: visible !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 100% !important;
  max-width: 420px !important;
  height: 100vh !important;
  background: rgba(10, 8, 6, 0.98) !important;
  background-color: rgba(10, 8, 6, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  color: var(--text) !important;
  padding: 6rem 2.4rem 3rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5) !important;
  border-left: 1px solid var(--line) !important;
  transform: translateX(105%) !important;
  opacity: 0 !important;
  transition:
    transform 0.8s var(--nt-ease-elegant),
    opacity 0.5s ease-out 0.05s !important;
  z-index: 200 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
/* ドロワー内全要素を border-box にして padding がはみ出さないように */
body.category #drawer_menu,
body.category #drawer_menu *,
body.category #drawer_menu ul,
body.category #drawer_menu li,
body.category #drawer_menu a,
body.category #drawer_menu nav {
  box-sizing: border-box !important;
}
 
/* ハンバーガー hover/focus、またはドロワー内 hover/focus で開く
   transform でスライド、opacity でフェードイン */
body.category:has(.global_menu_button:hover) #drawer_menu,
body.category:has(.global_menu_button:focus) #drawer_menu,
body.category:has(.global_menu_button:focus-within) #drawer_menu,
body.category #drawer_menu:hover,
body.category #drawer_menu:focus-within {
  transform: translateX(0) !important;
  opacity: 1 !important;
}
 
/* ハンバーガーの hover 反応エリアを大きく（見えない padding） */
body.category .global_menu_button::after {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}
 
/* 暗オーバーレイ：ドロワーと同じタイミングでフェード */
body.category::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: background 0.55s var(--nt-ease-elegant);
  z-index: 150;
}
body.category:has(.global_menu_button:hover)::before,
body.category:has(.global_menu_button:focus)::before,
body.category:has(#drawer_menu:hover)::before,
body.category:has(#drawer_menu:focus-within)::before {
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
 
/* ハンバーガー：開いている時は×印に変形 */
body.category:has(.global_menu_button:hover) .global_menu_button span:nth-child(1),
body.category:has(.global_menu_button:focus) .global_menu_button span:nth-child(1),
body.category:has(#drawer_menu:hover) .global_menu_button span:nth-child(1),
body.category:has(#drawer_menu:focus-within) .global_menu_button span:nth-child(1) {
  top: 10px !important;
  transform: rotate(45deg) !important;
  background: var(--gold-hi) !important;
}
body.category:has(.global_menu_button:hover) .global_menu_button span:nth-child(2),
body.category:has(.global_menu_button:focus) .global_menu_button span:nth-child(2),
body.category:has(#drawer_menu:hover) .global_menu_button span:nth-child(2),
body.category:has(#drawer_menu:focus-within) .global_menu_button span:nth-child(2) {
  opacity: 0 !important;
}
body.category:has(.global_menu_button:hover) .global_menu_button span:nth-child(3),
body.category:has(.global_menu_button:focus) .global_menu_button span:nth-child(3),
body.category:has(#drawer_menu:hover) .global_menu_button span:nth-child(3),
body.category:has(#drawer_menu:focus-within) .global_menu_button span:nth-child(3) {
  top: 10px !important;
  transform: rotate(-45deg) !important;
  background: var(--gold-hi) !important;
}
 
/* === HP CSS 完全移植：flex gap で間隔、border-bottom は a タグに === */
body.category #drawer_menu *,
body.category #drawer_menu nav,
body.category #drawer_menu ul,
body.category #drawer_menu li {
  background: transparent !important;
  background-color: transparent !important;
}
body.category #drawer_menu nav {
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
/* ul に flex + gap: HP実装と完全同じ */
body.category #drawer_menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.6rem !important;
}
 
/* === HP の 11 項目だけ表示、li は完全に透明な flex item === */
body.category #drawer_menu li {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  text-align: left !important;
}
body.category #drawer_menu li.menu-item-315,  /* Restaurant */
body.category #drawer_menu li.menu-item-328,  /* Catering */
body.category #drawer_menu li.menu-item-329,  /* Party */
body.category #drawer_menu li.menu-item-331,  /* Tiramisù */
body.category #drawer_menu li.menu-item-656,  /* KOKORO */
body.category #drawer_menu li.menu-item-333,  /* Pairing Class */
body.category #drawer_menu li.menu-item-334,  /* Atelier */
body.category #drawer_menu li.menu-item-456,  /* Counsel */
body.category #drawer_menu li.menu-item-336,  /* Community */
body.category #drawer_menu li.menu-item-353,  /* Journal */
body.category #drawer_menu li.menu-item-339 { /* Contact */
  display: block !important;
}
 
/* === HP の表示順序 === */
body.category #drawer_menu li.menu-item-315 { order: 1 !important; }
body.category #drawer_menu li.menu-item-328 { order: 2 !important; }
body.category #drawer_menu li.menu-item-329 { order: 3 !important; }
body.category #drawer_menu li.menu-item-331 { order: 4 !important; }
body.category #drawer_menu li.menu-item-656 { order: 5 !important; }
body.category #drawer_menu li.menu-item-333 { order: 6 !important; }
body.category #drawer_menu li.menu-item-334 { order: 7 !important; }
body.category #drawer_menu li.menu-item-456 { order: 8 !important; }
body.category #drawer_menu li.menu-item-336 { order: 9 !important; }
body.category #drawer_menu li.menu-item-353 { order: 10 !important; }
body.category #drawer_menu li.menu-item-339 { order: 11 !important; }
 
/* === リンク基本スタイル：HP完全移植（padding小、border-bottomはa、hoverでスライド）=== */
body.category #drawer_menu li a {
  display: block !important;
  padding: 0.6rem 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3em !important;
  color: var(--text) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: left !important;
  border-bottom: 1px solid var(--line) !important;
  outline: none !important;
  transition: color 0.5s var(--nt-ease-elegant), padding-left 0.5s var(--nt-ease-elegant) !important;
}
body.category #drawer_menu li a:hover,
body.category #drawer_menu li a:focus {
  color: var(--gold-hi) !important;
  padding-left: 0.8rem !important;
}
 
/* === 日本語サブテキスト（HPの .jp span 相当：::after で実現）=== */
body.category #drawer_menu li a::after {
  display: block;
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.65rem;
  line-height: 1.6;
  letter-spacing: 0.3em;
  color: var(--text-mute);
  text-transform: none;
  text-align: left;
  margin-top: 0.3rem;
  transition: color 0.5s var(--nt-ease-elegant);
}
body.category #drawer_menu li.menu-item-315 a::after { content: 'レストラン'; }
body.category #drawer_menu li.menu-item-328 a::after { content: '出張料理'; }
body.category #drawer_menu li.menu-item-329 a::after { content: 'パーティ'; }
body.category #drawer_menu li.menu-item-331 a::after { content: 'ティラミス'; }
body.category #drawer_menu li.menu-item-656 a::after { content: 'ココロ'; }
body.category #drawer_menu li.menu-item-456 a::after { content: '飲食のご相談'; }
body.category #drawer_menu li.menu-item-336 a::after { content: 'コミュニティ'; }
body.category #drawer_menu li.menu-item-353 a::after { content: 'ジャーナル'; }
body.category #drawer_menu li.menu-item-339 a::after { content: 'お問い合わせ'; }
 
/* === 元テキストが日本語の項目（333・334）の英語ラベル書き換え === */
body.category #drawer_menu li.menu-item-333 a,
body.category #drawer_menu li.menu-item-334 a {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
body.category #drawer_menu li.menu-item-333 a::before,
body.category #drawer_menu li.menu-item-334 a::before {
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 17.6px;
  line-height: 1.4;
  letter-spacing: 0.3em;
  color: var(--text);
  text-transform: uppercase;
  text-align: left;
  transition: color 0.5s var(--nt-ease-elegant);
}
body.category #drawer_menu li.menu-item-333 a::before { content: 'Pairing Class'; }
body.category #drawer_menu li.menu-item-334 a::before { content: 'Atelier'; }
body.category #drawer_menu li.menu-item-333 a::after { content: 'ワインペアリング料理教室'; }
body.category #drawer_menu li.menu-item-334 a::after { content: 'メニュー開発'; }
body.category #drawer_menu li.menu-item-333 a:hover::before,
body.category #drawer_menu li.menu-item-334 a:hover::before {
  color: var(--gold-hi);
}
 
/* === KOKORO は他項目と同じ色（緑ではなく統一カラー）=== */
body.category #drawer_menu li.menu-item-656 a {
  color: var(--text) !important;
}
body.category #drawer_menu li.menu-item-656 a:hover {
  color: var(--gold-hi) !important;
}
 
/* === ドロワー上部の × 閉じるボタン（HP実装に合わせて細い × に）=== */
body.category #drawer_menu::before {
  content: '\00d7';
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  width: 36px;
  height: 36px;
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4rem;
  font-weight: 200;
  color: var(--gold-hi);
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.4s var(--nt-ease-elegant), transform 0.4s var(--nt-ease-elegant), color 0.4s var(--nt-ease-elegant);
}
body.category #drawer_menu:hover::before,
body.category #drawer_menu:focus-within::before {
  color: var(--gold-hi);
  background: rgba(160, 132, 86, 0.12);
  transform: rotate(90deg);
}
 
/* === HOME を最上部に追加：HP風レイアウト ===
   nav::before = "HOME"（英語、金色）
   ul::before = "ホーム"（日本語サブ + 罫線）
   両者は nav (block) と ul (flex) のため、自然な縦並びになる */
body.category #drawer_menu nav {
  position: relative !important;
  display: block !important;
}
body.category #drawer_menu nav::before {
  content: 'HOME';
  display: block;
  padding: 0.6rem 0 0;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0.3em;
  color: var(--gold-hi);
  text-transform: uppercase;
  text-align: left;
}
body.category #drawer_menu ul::before {
  content: 'ホーム';
  display: block;
  margin-top: 0.3rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--line);
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.65rem;
  line-height: 1.6;
  letter-spacing: 0.3em;
  color: var(--text-mute);
  text-transform: none;
  text-align: left;
}
 
/* === ドロワー下部のラベル === */
body.category #drawer_menu::after {
  content: 'Na Team Lab — Ebisu';
  display: block;
  margin-top: 48px;
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.75rem;
  letter-spacing: 0.35em;
  color: var(--gold);
}
 
@media (max-width: 900px) {
  /* スマホ・タブレット：ドロワーを viewport 全幅に */
  body.category #drawer_menu {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 80px 24px 40px !important;
    box-sizing: border-box !important;
  }
  body.category #drawer_menu ul,
  body.category #drawer_menu li,
  body.category #drawer_menu a,
  body.category #drawer_menu nav {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
  }
  /* リンク：JP サブが切れないよう下 padding を 28px 確保 */
  body.category #drawer_menu li a {
    padding: 20px 0 28px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
  /* JP サブ：mobile では少し大きめで間隔も広めに */
  body.category #drawer_menu li a::after {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding-bottom: 2px !important;
  }
  body.category #drawer_menu li.menu-item-333 a::before,
  body.category #drawer_menu li.menu-item-334 a::before {
    font-size: 16px;
    text-align: left;
  }
  body.category #drawer_menu nav::before {
    text-align: left !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
  }
  body.category #drawer_menu ul::before {
    text-align: left !important;
    padding: 10px 0 24px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}
@media (max-width: 480px) {
  body.category #drawer_menu {
    padding: 70px 20px 32px !important;
  }
  body.category #drawer_menu li a {
    padding: 16px 0 24px !important;
  }
  body.category #drawer_menu li a::after {
    margin-top: 8px !important;
  }
}
 
/* ============================================================
   ページヘッダー（H1 + 説明文）
   ============================================================ */
body.category #page_header {
  background: var(--bg-soft) !important;
  background-color: var(--bg-soft) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 11rem 3rem 5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: visible !important;
  border-bottom: 1px solid var(--line) !important;
  text-align: center !important;
  margin: 0 !important;
}
body.category #page_header .bg_image,
body.category #page_header .overlay {
  display: none !important;
}
body.category #page_header_inner {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
 
/* "Category" ラベル */
body.category #page_header_inner::before {
  content: 'Category';
  display: block;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.6em !important;
  color: var(--gold) !important;
  text-transform: uppercase !important;
  margin-bottom: 1.4rem !important;
}
 
/* 各カテゴリ専用：英文タイトル */
body.category-wine .headline::before {
  content: 'Wine.';
  display: block;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: clamp(2.4rem, 5vw, 4.4rem) !important;
  font-weight: 300 !important;
  color: var(--text-mute) !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  margin-bottom: 0.8rem !important;
}
body.category-cooking .headline::before {
  content: 'Cooking.';
  display: block;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: clamp(2.4rem, 5vw, 4.4rem) !important;
  font-weight: 300 !important;
  color: var(--text-mute) !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  margin-bottom: 0.8rem !important;
}
body.category-pairing .headline::before {
  content: 'Pairing.';
  display: block;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: clamp(2.4rem, 5vw, 4.4rem) !important;
  font-weight: 300 !important;
  color: var(--text-mute) !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  margin-bottom: 0.8rem !important;
}
 
/* H1: 日本語カテゴリ名 */
body.category #page_header .headline,
body.category #page_header h1.headline,
body.category #page_header h1.common_headline {
  display: block !important;
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
  font-size: clamp(1.5rem, 3vw, 2.4rem) !important;
  color: var(--text) !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  background: transparent !important;
  margin: 0 0 1.4rem !important;
  padding: 0 !important;
  border: none !important;
  text-align: center !important;
}
 
/* 説明文 desc */
body.category #page_header .desc {
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
  font-size: 0.95rem !important;
  line-height: 2 !important;
  color: var(--text-mute) !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
}
body.category #page_header .desc span {
  color: var(--text-mute) !important;
  background: transparent !important;
}
 
/* ============================================================
   パンくず
   ============================================================ */
body.category #bread_crumb {
  position: static !important;
  background: transparent !important;
  border: none !important;
  padding: 1.6rem 1rem 0 !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: auto !important;
  display: block !important;
}
body.category #bread_crumb ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  font-size: 0.72rem !important;
  list-style: none !important;
  background: transparent !important;
}
body.category #bread_crumb li {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  position: static !important;
  float: none !important;
  list-style: none !important;
  font-family: 'Cormorant Garamond', 'Shippori Mincho B1', serif !important;
  font-style: italic !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
  font-weight: 400 !important;
  color: var(--gold) !important;
}
body.category #bread_crumb li:before,
body.category #bread_crumb li:after {
  content: '' !important;
  display: none !important;
  background: transparent !important;
  position: static !important;
}
body.category #bread_crumb li a,
body.category #bread_crumb li span {
  color: var(--gold) !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-style: italic !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
}
body.category #bread_crumb li a:hover,
body.category #bread_crumb li a:hover span {
  color: var(--gold-hi) !important;
}
body.category #bread_crumb li:not(:last-child)::after {
  content: '/' !important;
  display: inline !important;
  color: var(--text-mute) !important;
  margin: 0 0.6em !important;
  font-style: normal !important;
  font-size: 0.7rem !important;
}
body.category #bread_crumb li.home {
  display: none !important;
}
 
/* ============================================================
   記事リスト カード
   ============================================================ */
body.category .archive_post_list_wrapper,
body.category #blog_archive,
body.category #archive_content {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 3rem 1.4rem 5rem !important;
  background: var(--bg-soft) !important;
}
body.category article.post_list_item,
body.category .post_list .item,
body.category .pickup_post_list .item,
body.category #archive_post_list .post,
body.category .blog_post_list .post,
body.category .post_list_item {
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 2rem !important;
  padding: 1.5rem !important;
  box-sizing: border-box !important;
  transition: border-color 0.6s, transform 0.4s !important;
}
/* テーマ既定の #blog_list は 2 列 50% レイアウトのまま尊重し、
   見た目だけ整える（width/gap には触らない） */
body.category #blog_list {
  max-width: 980px !important;
  margin: 0 auto !important;
}
body.category #blog_list .item {
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.6s, transform 0.4s !important;
}
body.category #blog_list .item:hover {
  border-color: var(--gold) !important;
}
body.category #blog_list .item .content {
  background: var(--bg-card) !important;
  border-color: var(--line) !important;
}
 
/* テーマ既定の記事タイトル・本文・日付を白系に */
body.category #blog_list .item .title,
body.category #blog_list .item .title_link,
body.category #blog_list .item .title a,
body.category #blog_list .item .title span,
body.category #blog_list .item h2,
body.category #blog_list .item h2.title,
body.category #blog_list .item h2.title span,
body.category #blog_list .item h3,
body.category #blog_list .item .title_area,
body.category #blog_list .item .title_area a,
body.category #blog_list .item .title_area span,
body.category #blog_list .item .content a {
  color: var(--text) !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
}
body.category #blog_list .item .title,
body.category #blog_list .item h2.title {
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
  margin: 0 0 0.6rem !important;
}
body.category #blog_list .item .title_link:hover,
body.category #blog_list .item .title a:hover,
body.category #blog_list .item h2.title:hover {
  color: var(--gold-hi) !important;
}
 
/* 日付 */
body.category #blog_list .item .date,
body.category #blog_list .item p.date,
body.category #blog_list .item time,
body.category #blog_list .item .entry-date {
  color: var(--gold) !important;
  background: transparent !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
}
 
/* 抜粋・本文 */
body.category #blog_list .item .excerpt,
body.category #blog_list .item p {
  color: var(--text-mute) !important;
  background: transparent !important;
}
 
/* カテゴリバッジ（既に白文字＋金背景なので維持） */
body.category #blog_list .item .category a,
body.category #blog_list .item .cat_id1363,
body.category #blog_list .item .cat_id1366,
body.category #blog_list .item .cat_id1367 {
  color: #ffffff !important;
  background: var(--gold) !important;
}
body.category article.post_list_item:hover,
body.category .post_list .item:hover,
body.category .pickup_post_list .item:hover {
  border-color: var(--gold) !important;
  transform: translateY(-2px) !important;
}
body.category .post_list_item h3,
body.category .post_list_item h2,
body.category .post_list .item h3,
body.category .post_list .item h2,
body.category .pickup_post_list .item h3,
body.category .pickup_post_list .item h2 {
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
  color: var(--text) !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 0.6rem !important;
  background: transparent !important;
}
body.category .post_list_item a,
body.category .post_list .item a,
body.category .pickup_post_list .item a {
  color: var(--text) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  background: transparent !important;
}
body.category .post_list_item a:hover,
body.category .post_list .item a:hover,
body.category .pickup_post_list .item a:hover {
  color: var(--gold-hi) !important;
}
body.category .post_list_item .post_date,
body.category .post_list .item .post_date,
body.category .pickup_post_list .item .post_date,
body.category .post_list_item time,
body.category .post_list .item time {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.4em !important;
  color: var(--gold) !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 0.4rem !important;
}
body.category .post_list_item p,
body.category .post_list .item p,
body.category .pickup_post_list .item p {
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
  font-size: 0.85rem !important;
  line-height: 1.85 !important;
  color: var(--text-mute) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  background: transparent !important;
}
 
/* ============================================================
   ページネーション
   ============================================================ */
body.category .pagenation,
body.category .pagenavi,
body.category .wp-pagenavi {
  padding: 2rem 0 !important;
  text-align: center !important;
  background: transparent !important;
}
body.category .pagenation a,
body.category .pagenavi a,
body.category .wp-pagenavi a,
body.category .pagenation span,
body.category .pagenavi span,
body.category .wp-pagenavi span {
  color: var(--text-mute) !important;
  border: 1px solid var(--line) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  letter-spacing: 0.3em !important;
  background: transparent !important;
  padding: 0.6rem 1rem !important;
  margin: 0 0.3rem !important;
}
body.category .pagenation a:hover,
body.category .pagenavi a:hover,
body.category .wp-pagenavi a:hover {
  color: var(--gold-hi) !important;
  border-color: var(--gold) !important;
}
 
/* ============================================================
   フッター：ホームページに合わせて大幅刷新
   構成： ロゴ → タグライン → Contact 情報 → メニュー → コピーライト
   ============================================================ */
body.category #footer {
  background: var(--bg-soft) !important;
  background-color: var(--bg-soft) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--text-mute) !important;
  padding: 4.5rem 2rem 2.5rem !important;
  text-align: center !important;
  position: relative !important;
}
body.category #footer * {
  background: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
 
/* フッター上部に白ロゴを表示（疑似要素） */
body.category #footer::before {
  content: '';
  display: block;
  width: 180px;
  height: 44px;
  margin: 0 auto 1.6rem;
  background: url('https://nateamlab.jp/wp-content/uploads/2026/05/NaTeam_logo_white.png') no-repeat center center;
  background-size: contain;
}
 
/* フッタータグライン + Contact 情報（疑似要素で挿入） */
body.category #footer::after {
  content: '恵比寿、一日一組・八席限定のプライベートレストラン。\A フレンチ・イタリアンとワインペアリングの夜を。\A\A — Contact —\A 完全紹介制・完全予約制\A info@nateam.jp\A @nateam.lab (Instagram)';
  display: block;
  white-space: pre;
  font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif;
  font-size: 0.82rem;
  line-height: 2.1;
  color: var(--text-mute);
  letter-spacing: 0.06em;
  margin: 0 auto 2.4rem;
  max-width: 580px;
  font-weight: 300;
}
 
/* フッターメニュー：6項目に絞る＋横並び */
body.category .footer_menu {
  background: transparent !important;
  padding: 1.2rem 0 0 !important;
  margin: 0 auto 1.6rem !important;
  max-width: 780px !important;
  border-top: 1px solid var(--line) !important;
}
body.category .footer_menu ul.menu {
  background: transparent !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.7rem 1.6rem !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}
body.category .footer_menu .menu li {
  display: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
body.category .footer_menu .menu li.menu-item-315,
body.category .footer_menu .menu li.menu-item-656,
body.category .footer_menu .menu li.menu-item-328,
body.category .footer_menu .menu li.menu-item-329,
body.category .footer_menu .menu li.menu-item-353,
body.category .footer_menu .menu li.menu-item-339 {
  display: inline-block !important;
}
body.category .footer_menu .menu li a {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.35em !important;
  color: var(--text) !important;
  text-transform: none !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0.3rem 0.6rem !important;
  transition: color 0.3s ease !important;
}
body.category .footer_menu .menu li a:hover {
  color: var(--gold-hi) !important;
}
 
/* コピーライト */
body.category #copyright,
body.category .copyright {
  text-align: center !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.35em !important;
  color: var(--gold) !important;
  text-transform: uppercase !important;
  background: transparent !important;
  padding: 1.4rem 1rem 0 !important;
  margin: 0 auto !important;
  max-width: 780px !important;
  border: none !important;
}
body.category #copyright::before {
  content: '© 2026 Na Team Inc. — Na Team Lab — Ebisu, Tokyo';
  display: block;
}
body.category #copyright a,
body.category .copyright a {
  color: var(--gold) !important;
  text-decoration: none !important;
  border: none !important;
}
body.category #copyright a:hover,
body.category .copyright a:hover {
  color: var(--gold-hi) !important;
}
 
/* return-to-top ボタン */
body.category .return_top,
body.category #return_top {
  background: transparent !important;
}
body.category .return_top a,
body.category #return_top a {
  background: rgba(10, 8, 6, 0.92) !important;
  border: 1px solid var(--line) !important;
  color: var(--gold) !important;
}
body.category .return_top a:hover,
body.category #return_top a:hover {
  background: var(--bg-card) !important;
  border-color: var(--gold) !important;
  color: var(--gold-hi) !important;
}
body.category .return_top a:before,
body.category #return_top a:before {
  color: var(--gold) !important;
}
 
/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width: 980px) {
  /* タブレット幅以下：記事を1列・中央寄せに */
  body.category #blog_list {
    max-width: 560px !important;
    padding: 0 1rem !important;
  }
  body.category #blog_list .item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 1.5rem !important;
    float: none !important;
  }
}
@media (max-width: 768px) {
  body.category #page_header {
    padding: 8rem 1.4rem 3rem !important;
  }
  body.category #page_header .headline {
    font-size: 1.3rem !important;
  }
  body.category #page_header .desc {
    font-size: 0.88rem !important;
  }
  body.category-wine .headline::before,
  body.category-cooking .headline::before,
  body.category-pairing .headline::before {
    font-size: 2.4rem !important;
  }
  body.category .archive_post_list_wrapper,
  body.category #blog_archive,
  body.category #archive_content {
    padding: 2rem 1rem 3rem !important;
    text-align: center !important;
  }
  /* 記事カード：モバイルで100%幅・中央寄せ */
  body.category article.post_list_item,
  body.category .post_list .item,
  body.category .pickup_post_list .item,
  body.category #archive_post_list .post,
  body.category .blog_post_list .post,
  body.category .post_list_item,
  body.category #blog_list .item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 1.5rem !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  body.category #blog_list {
    padding: 0 1rem !important;
    max-width: 100% !important;
  }
  /* ページネーション中央寄せ */
  body.category .pagenation,
  body.category .pagenavi,
  body.category .wp-pagenavi {
    text-align: center !important;
    width: 100% !important;
  }
  /* フッター：中央寄せ徹底 */
  body.category #footer {
    padding: 3rem 1.2rem 2rem !important;
    text-align: center !important;
  }
  body.category #footer * {
    text-align: center !important;
  }
  body.category #footer::before {
    width: 140px;
    height: 34px;
    margin: 0 auto 1.2rem;
  }
  body.category #footer::after {
    font-size: 0.78rem;
    line-height: 1.95;
    padding: 0 0.4rem;
    text-align: center;
  }
  body.category .footer_menu {
    margin: 0 auto 1.6rem !important;
    text-align: center !important;
  }
  body.category .footer_menu ul.menu {
    gap: 0.5rem 1rem !important;
    justify-content: center !important;
  }
  body.category #copyright,
  body.category .copyright {
    font-size: 0.66rem !important;
    letter-spacing: 0.25em !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
}
 
/* ============================================================
   【v13】ハンバーガー / ドロワー / オーバーレイ 全機能停止
   ロゴ + 中央メニュー のみのシンプル構成に
   ============================================================ */
 
/* ハンバーガーボタン完全非表示 */
body.category .global_menu_button,
body.category #header .global_menu_button,
body.category #header a.global_menu_button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
 
/* ドロワー本体完全非表示 */
body.category #drawer_menu,
body.category #drawer_menu_wrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(200%) !important;
}
 
/* 暗オーバーレイ (body::before) 完全停止 */
body.category::before {
  display: none !important;
  background: transparent !important;
  pointer-events: none !important;
  content: none !important;
}
 
/* × 閉じるボタン (drawer::before) 完全停止 */
body.category #drawer_menu::before,
body.category #drawer_menu::after,
body.category #drawer_menu nav::before,
body.category #drawer_menu nav::after,
body.category #drawer_menu ul::before {
  display: none !important;
  content: none !important;
}
 
/* :has() / hover 系の発火を無効化（保険）*/
body.category:has(.global_menu_button:hover) #drawer_menu,
body.category:has(.global_menu_button:focus) #drawer_menu,
body.category:has(.global_menu_button:focus-within) #drawer_menu,
body.category #drawer_menu:hover,
body.category #drawer_menu:focus-within {
  display: none !important;
  transform: translateX(200%) !important;
}
body.category:has(.global_menu_button:hover)::before,
body.category:has(.global_menu_button:focus)::before,
body.category:has(#drawer_menu:hover)::before,
body.category:has(#drawer_menu:focus-within)::before {
  display: none !important;
  background: transparent !important;
}
 

/* journal-archive footer hide */
body.blog #footer,
body.blog .footer_widget,
body.blog .footer_menu,
body.blog .footer_bottom,
body.blog .return_top{display:none !important}
/* journal-archive copyright hide */
body.blog #copyright,
body.blog #copyright::before{display:none !important}