/* ===================================================================
   海都 ブランドページ 差分スタイル（css/style.css を基盤に追記）
   共通トークン(--washi/--enji/--gold 等)・.reveal・.site-footer は style.css を継承
   =================================================================== */

:root{
  --kaito-gold:  #c19a4e;   /* 海都メニュー/テイク帯の金茶 */
  --kaito-gold2: #ab8339;
}

/* メインイメージから下は白背景 */
body{background:#fff;}

/* 左右から寄るReveal（こだわりセクション用） */
.reveal.from-left{transform:translateX(-46px);}
.reveal.from-right{transform:translateX(46px);}
.reveal.from-left.is-visible,
.reveal.from-right.is-visible{transform:none;}

/* ============ ブランドヘッダー（海都・ロゴ＋縦書きナビ） ============ */
/* 帯なし：ヒーロー上にロゴ＋縦書きナビを重ねる（スクロールで一緒に流れる） */
.kaito-header{position:absolute;top:0;left:0;width:100%;padding:0;background:transparent;box-shadow:none;}
.kaito-header .header-inner{
  max-width:1200px;margin:0 auto;height:auto;padding:20px 0;border-radius:0;gap:24px;   /* メイン幅1200pxに収める */
  background:transparent;backdrop-filter:none;box-shadow:none;
  align-items:flex-start;justify-content:space-between;
}
/* スクロールしてもヘッダーは白くしない（透明のまま流れる） */
.kaito-header.is-scrolled .header-inner{background:transparent;backdrop-filter:none;box-shadow:none;}
.kaito-brandlock{display:flex;align-items:center;gap:9px;line-height:1;padding-top:2px;}
/* 実ロゴ3点（海都＝赤枠／しーじゃっく＝白筆／すし日和＝白丸ロゴ） */
/* 各ロゴは個別リンク。既定は副次（中サイズ）、選択中ブランドだけ左端＋大きく強調 */
/* 見本比率（海都:しーじゃっく:すし日和 ≒ 213:93:108）に合わせて全ページ統一 */
.kaito-logo-img{display:block;order:1;height:37px;opacity:.88;transition:opacity .25s,transform .25s var(--ease);}
.kaito-logo-img--hiyori{height:43px;}   /* すし日和は余白が多いので副次時は少し大きめ */
.kaito-logo-img img{display:block;height:100%;width:auto;}
.kaito-logo-img:hover{opacity:1;transform:translateY(-1px);}
.kaito-logo-img--kaito img{border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.28);}
.kaito-logo-img--seajack img,
.kaito-logo-img--hiyori img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));}
/* アクティブブランド＝左端（order:0）＋大きく＋不透明 */
.brandhead--kaito   .kaito-logo-img--kaito,
.brandhead--seajack .kaito-logo-img--seajack,
.brandhead--hiyori  .kaito-logo-img--hiyori{order:0;opacity:1;margin-right:9px;}
.brandhead--kaito   .kaito-logo-img--kaito{height:85px;}
.brandhead--seajack .kaito-logo-img--seajack{height:85px;}
.brandhead--hiyori  .kaito-logo-img--hiyori{height:94px;}

/* 縦書きサイト内ナビ（右上・白文字・Shippori Mincho SemiBold 14pt） */
.kaito-nav ul{flex-direction:row-reverse;gap:20px;align-items:flex-start;}
.kaito-nav a{
  writing-mode:vertical-rl;text-orientation:upright;
  font-family:var(--serif);font-weight:600;font-size:14pt;letter-spacing:2px;
  color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);
  padding:2px 3px;line-height:1.15;
}
.kaito-nav a::after{left:auto;right:-3px;top:0;bottom:auto;width:2px;height:100%;background:#fff;transform:scaleY(0);transform-origin:top;}
.kaito-nav a:hover{color:#fff;}
.kaito-nav a:hover::after{transform:scaleY(1);}

/* ============ ヒーロー（レーン上の中トロ皿・カルーセル風枠） ============ */
/* カンプ準拠：横長のまま低い帯状（画像1920×648の比率で表示） */
.kaito-hero{position:relative;width:100%;height:auto;aspect-ratio:1920/648;min-height:0;max-height:none;overflow:hidden;background:#2a1c12;}
.kaito-hero__viewport{position:absolute;inset:0;}
.kaito-hero__img{width:100%;height:100%;object-fit:cover;animation:kenburns 22s ease-out both;}
.kaito-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.04) 34%,transparent 60%);pointer-events:none;}
.kaito-hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:2px;   /* BOXを少しだけ大きく */
  background:rgba(20,12,6,.18);color:#fff;font-size:26px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:0;transition:background .3s,transform .3s var(--ease);
}
.kaito-hero__arrow:hover{background:rgba(166,25,46,.75);}
/* 矢印は1200pxの外側（左右のマージン）に配置。狭い画面では画面端に寄せる */
.kaito-hero__arrow--prev{left:max(10px, calc(50% - 648px));}
.kaito-hero__arrow--next{right:max(10px, calc(50% - 648px));}

/* スライド枚数分のバー：メイン画像の下20px・1200px内・第1が金色 */
.kaito-slidebar{display:flex;gap:8px;max-width:1200px;margin:20px auto 0;padding:0;width:100%;}
.kaito-slidebar span{flex:1;height:3px;background:#ddd6c8;border-radius:2px;}
.kaito-slidebar span.is-active{background:var(--kaito-gold);}

/* WEB予約バッジ（遷移先未定・data-todo） */
.kaito-reserve{
  position:absolute;right:46px;top:74%;transform:translateY(-50%);z-index:4;   /* 矢印に被らないよう下へ */
  width:116px;height:116px;border-radius:50%;
  background:radial-gradient(circle at 40% 34%,#b81f36,var(--enji-dark));
  border:2px solid rgba(255,255,255,.4);box-shadow:0 12px 28px rgba(120,15,30,.42);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:#fff;text-align:center;animation:badgePulse 3.2s ease-in-out infinite;
  transition:transform .3s var(--ease);
}
.kaito-reserve:hover{transform:translateY(-50%) scale(1.06);}
.kaito-reserve span{font-size:11px;letter-spacing:.5px;}
.kaito-reserve b{font-family:var(--serif);font-size:18px;letter-spacing:1px;}

/* ============ 縦書きセクションラベル（FAIR/NEWS/INSTAGRAM） ============ */
.kaito-seclabel{
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  writing-mode:vertical-rl;flex:0 0 auto;padding-top:6px;
}
.kaito-seclabel__en{font-family:var(--serif);font-weight:600;font-size:11px;letter-spacing:3px;color:#91101a;writing-mode:vertical-rl;text-orientation:sideways;}
.kaito-seclabel__ja{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:8px;color:#0f1419;}
/* フェア情報タイトル背景の流水（波）nami.png。ラベルの左〜下へ流れ、枠外まで伸びる */
.kaito-seclabel__wave{position:absolute;top:110px;left:-116px;width:288px;max-width:none;height:auto;opacity:1;pointer-events:none;writing-mode:horizontal-tb;z-index:-1;}
/* フェア：フェア情報(枠左から25px)とFAIR(その3px右)を、フェア画像の上位置にそろえて横並び */
.kaito-fair .kaito-seclabel{writing-mode:horizontal-tb;flex-direction:row;align-items:flex-start;gap:3px;padding:0;margin-left:25px;}
.kaito-fair .kaito-seclabel__ja{writing-mode:vertical-rl;order:0;transform:none;}
.kaito-fair .kaito-seclabel__en{writing-mode:vertical-rl;text-orientation:sideways;order:1;transform:none;}

.kaito-seclabel__icon{width:26px;height:26px;stroke:var(--ink);fill:none;}

/* ============ フェア情報カルーセル（赤枠=1200px基準） ============ */
.kaito-sec{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:start;}
/* フェアは 1200px 内：左168pxがラベル帯、残りに画像4枚（間隔21px）が右端まで。矢印は画像の外側 */
.kaito-fair{max-width:1200px;margin:0 auto;padding:70px 0 40px;position:relative;
  grid-template-columns:168px 1fr;gap:0;}
.kaito-fair .kaito-seclabel{grid-row:1 / 3;}
.fair-carousel{grid-column:2;grid-row:1;position:relative;}
.fair-viewport{overflow:hidden;}
.fair-track{display:flex;gap:21px;transition:transform .6s var(--ease);}
.fair-card{flex:0 0 calc((100% - 21px*3)/4);min-width:0;overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.fair-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(40,25,10,.14);}
.fair-card img{width:100%;height:auto;aspect-ratio:243/261;object-fit:cover;display:block;}
/* 矢印：黒い細丸34px・ビューポートの外側・中央から60px上 */
.kaito-fair .carousel-arrow{position:absolute;top:calc(50% - 60px);transform:translateY(-50%);z-index:3;
  width:34px;height:34px;font-size:20px;
  border-color:#0f1419;color:#0f1419;background:transparent;}
.kaito-fair .carousel-arrow:hover{background:#0f1419;color:#fff;border-color:#0f1419;transform:translateY(-50%) scale(1.05);}
.fair-carousel .carousel-arrow--prev{left:-52px;}
.fair-carousel .carousel-arrow--next{right:-52px;}
/* スライドバー：画像の下30px。薄グレーのトラック＋左のつまみ */
.fair-slidebar{grid-column:2;grid-row:2;margin-top:30px;height:3px;background:#e3e0da;border-radius:2px;position:relative;}
.fair-slidebar__thumb{position:absolute;left:0;top:0;height:100%;width:29%;background:#8f8b85;border-radius:2px;}

/* ============ お知らせ（ラベルをフェアと同じ配置に） ============ */
.kaito-news{max-width:1200px;margin:0 auto;padding:40px 0;grid-template-columns:168px 1fr;gap:0;}
.kaito-news .kaito-seclabel{writing-mode:horizontal-tb;flex-direction:row;align-items:flex-start;gap:3px;padding:0;margin-left:25px;}
.kaito-news .kaito-seclabel__ja{writing-mode:vertical-rl;order:0;}
.kaito-news .kaito-seclabel__en{writing-mode:vertical-rl;text-orientation:sideways;order:1;}
.kaito-newslist li{border-bottom:1px solid var(--line);}
.kaito-newslist a{display:block;padding:22px 4px;transition:background .25s;}
.kaito-newslist a:hover{background:rgba(179,154,91,.06);}
.kaito-news__title{margin:0 0 8px;font-family:var(--serif);font-size:19px;letter-spacing:1px;color:var(--ink);font-weight:500;}
.kaito-news__meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--ink-soft);letter-spacing:1px;}
.kaito-news__cat{color:var(--ink);}
.kaito-pager{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:40px;font-family:var(--serif);font-size:15px;color:var(--ink-soft);}
.kaito-pager a{transition:color .2s;}
.kaito-pager a:hover{color:var(--enji);}
.kaito-pager .is-active{color:var(--enji);border-bottom:1px solid var(--enji);padding-bottom:2px;}

/* ============ こだわり3連 ============ */
.kaito-kodawari{
  max-width:1320px;margin:0 auto;padding:40px 40px 90px;
  position:relative;
}
.kaito-kodawari::before{
  content:"";position:absolute;top:-190px;left:50%;transform:translateX(-50%);
  width:100vw;height:1300px;
  background:url(../assets/kaito_mountains.jpg) top center/100% auto no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0 45%,transparent 85%);
          mask-image:linear-gradient(180deg,#000 0 45%,transparent 85%);
  z-index:-1;pointer-events:none;
}
.vtext{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--serif);color:var(--ink);}

/* 縦書き見出し共通 */
.kodawari__lead{font-size:24px;line-height:42px;letter-spacing:2px;color:#0f1419;margin:0;font-weight:600;white-space:nowrap;}
.kodawari__title{font-size:34px;letter-spacing:7px;font-weight:600;color:#0f1419;margin:0;white-space:nowrap;}

/* --- block1: 鮮度（大写真＋縦見出し / 市場写真＋横本文） --- */
.kodawari--fresh{margin-bottom:78px;}
.kodawari__top{position:relative;}
.kodawari__toppic{display:block;}
.kodawari__topimg{display:block;width:100%;height:auto;}
.kodawari__head{
  position:absolute;top:13%;right:7%;
  display:flex;flex-direction:row-reverse;gap:18px;align-items:flex-start;
  padding:0;z-index:2;
}
.kodawari__bottom{display:flex;gap:40px;align-items:flex-start;margin-top:26px;}
.kodawari__sub{flex:0 0 550px;margin:0;}
.kodawari__sub img{width:550px;height:300px;object-fit:cover;}
.kodawari__body{flex:1 1 auto;padding-top:6px;}
.kodawari__body p{margin:0;font-family:var(--serif);font-size:15px;line-height:2.3;letter-spacing:1px;color:var(--ink-soft);}

/* --- block2/3: シャリ・醤油（写真の下に縦見出し＋縦本文） --- */
.kodawari-duo{display:grid;grid-template-columns:550px 550px;justify-content:space-between;gap:40px;}
.kodawari-panel figure{margin:0;}
.kodawari-panel figure img{width:550px;height:300px;object-fit:cover;}
.kodawari-panel__vwrap{
  display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:22px;
  padding:34px 0 10px;min-height:300px;
}
.kodawari-panel__vwrap .title{font-size:27px;letter-spacing:6px;font-weight:600;margin:0;line-height:1.9;white-space:nowrap;}
.kodawari-panel__vwrap .body{font-size:15px;letter-spacing:2px;line-height:2.1;color:var(--ink-soft);margin:0;max-height:340px;}

/* ============ 店舗を探す（臙脂の暖簾風大CTA） ============ */
.kaito-shops{max-width:var(--maxw);margin:0 auto;padding:60px 40px 0;}
.kaito-shops__btn{display:block;transition:transform .3s var(--ease);}
.kaito-shops__btn img{display:block;margin:0 auto;width:710px;max-width:100%;height:auto;}
.kaito-shops__btn:hover{transform:translateY(-3px);}

/* ============ メニュー・テイクアウト誘導 2カラム ============ */
.kaito-links{max-width:var(--maxw);margin:0 auto;padding:30px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,585px));justify-content:center;gap:30px;}
/* 採用バナー（画像・実寸） */
.kaito-recruit{max-width:var(--maxw);margin:76px auto 0;}
.kaito-recruit__link{display:block;transition:transform .35s var(--ease);}
.kaito-recruit__link img{display:block;width:100%;max-width:1200px;height:auto;margin:0 auto;}
.kaito-recruit__link:hover{transform:translateY(-4px);}
.kaito-linkcard{position:relative;display:block;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.kaito-linkcard img{display:block;width:100%;height:auto;}
a.kaito-linkcard:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(90,60,15,.24);}
/* アプリバナー内：App Store / Google Play の黒ボタンにリンクを重ねる */
.kaito-store-link{position:absolute;display:block;z-index:3;top:62.5%;height:14%;width:18%;}
.kaito-store-link--appstore{left:50.2%;}
.kaito-store-link--googleplay{left:69.2%;}

/* ============ Instagram 無限マーキー ============ */
.kaito-insta{max-width:1200px;margin:0 auto;padding:70px 0 40px;display:grid;grid-template-columns:168px 1fr;gap:0;align-items:start;}
/* タイトルまわりはフェア情報と同じ体裁（横並び＋縦書きja/en＋波背景） */
.kaito-insta .kaito-seclabel{writing-mode:horizontal-tb;flex-direction:row;align-items:flex-start;gap:3px;padding:0;margin-left:25px;}
.kaito-insta .kaito-seclabel__ja{writing-mode:vertical-rl;order:0;transform:none;}
.kaito-insta .kaito-seclabel__en{writing-mode:vertical-rl;text-orientation:sideways;order:1;transform:none;}
/* Instagram公式埋め込み：横スクロールのストリップ */
.insta-embeds{grid-column:2;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 4px 14px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}
.insta-embeds::-webkit-scrollbar{height:8px;}
.insta-embeds::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px;}
.insta-embeds::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px;}
.insta-embed{flex:0 0 328px;max-width:328px;scroll-snap-align:start;}
.insta-embed .instagram-media{min-width:0 !important;width:100% !important;margin:0 !important;}
.kaito-insta__foot{grid-column:2;display:flex;align-items:center;gap:26px;margin-top:26px;padding-left:4px;}
.kaito-insta__handle{font-family:var(--serif);font-size:18px;letter-spacing:2px;color:var(--ink);}
.insta-follow{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:40px;border:1px solid var(--enji);color:var(--enji);font-family:var(--serif);font-size:15px;letter-spacing:2px;transition:background .3s,color .3s;}
.insta-follow:hover{background:var(--enji);color:#fff;}
.kaito-insta__pagetop{grid-column:1/-1;text-align:right;padding:10px 40px 0;font-family:var(--serif);font-size:13px;color:var(--ink-soft);letter-spacing:2px;}

/* ===================================================================
   レスポンシブ
   =================================================================== */
/* 1200px＋左右ゆとり以下では端に触れないよう内側に余白 */
@media (max-width:1240px){
  .kaito-header .header-inner,
  .kaito-slidebar{padding-left:20px;padding-right:20px;}
}
@media (max-width:1024px){
  .kaito-nav a{font-size:13px;}
  .fair-card{flex:0 0 calc((100% - 24px)/2);}
  .kodawari-duo{grid-template-columns:1fr;gap:56px;}
}
@media (max-width:768px){
  /* 縦書きナビ→モバイルドロワーでは横書き・白ドロワー内は濃色に戻す */
  .kaito-nav a{writing-mode:horizontal-tb;text-orientation:mixed;color:var(--ink);text-shadow:none;}
  .kaito-nav ul{flex-direction:column;}
  .kaito-nav a::after{display:none;}
  /* ハンバーガーはヒーロー上で見えるよう白に */
  .kaito-header .nav-toggle span{background:#fff;}

  .kaito-hero{aspect-ratio:auto;height:32vh;min-height:220px;max-height:none;}
  .kaito-hero__arrow{width:26px;height:26px;font-size:20px;}
  .kaito-reserve{width:88px;height:88px;right:14px;top:auto;bottom:18px;transform:none;}
  .kaito-reserve:hover{transform:scale(1.05);}
  .kaito-reserve b{font-size:15px;}
  .kaito-reserve span{font-size:9.5px;}

  .kaito-sec{grid-template-columns:1fr;gap:16px;padding-left:22px;padding-right:22px;}
  .kaito-seclabel{writing-mode:horizontal-tb;flex-direction:row;align-items:baseline;gap:10px;}
  .kaito-seclabel__ja{writing-mode:horizontal-tb;font-size:22px;letter-spacing:3px;}
  .kaito-seclabel__wave{display:none;}
  .fair-card{flex:0 0 70%;}

  .kaito-kodawari{padding:24px 22px 60px;}
  .kodawari__bottom{flex-direction:column;gap:20px;}
  /* スマホ：鮮魚写真の上に、リード＋見出しを横書きで配置 */
  .kodawari__top{display:flex;flex-direction:column;}
  .kodawari__head{position:static;order:-1;top:auto;right:auto;writing-mode:horizontal-tb;flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 14px;z-index:auto;}
  .kodawari__lead{writing-mode:horizontal-tb;font-size:4.2vw;line-height:1.7;letter-spacing:.5px;white-space:normal;}
  .kodawari__title{writing-mode:horizontal-tb;font-size:7.8vw;line-height:1.4;letter-spacing:0;white-space:nowrap;}
  .kodawari__sub{flex:0 0 auto;}
  .kodawari__sub img,.kodawari-panel figure img{width:100%;height:auto;aspect-ratio:550/300;}
  /* スマホ：シャリ/醤油の説明は写真の下に横書き */
  .kodawari-panel__vwrap{writing-mode:horizontal-tb;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:auto;padding:18px 2px 0;}
  .kodawari-panel__vwrap .title{writing-mode:horizontal-tb;font-size:21px;letter-spacing:2px;line-height:1.6;white-space:normal;}
  .kodawari-panel__vwrap .body{writing-mode:horizontal-tb;max-height:none;font-size:15px;line-height:1.95;letter-spacing:1px;}

  .kaito-shops{padding:10px 22px 60px;}
  .kaito-shops__btn{min-height:92px;font-size:21px;letter-spacing:3px;}
  .kaito-links{grid-template-columns:1fr;gap:18px;padding:0 22px 24px;}
  .kaito-linkcard--takeout{flex-direction:row;}

  .kaito-insta{grid-template-columns:1fr;gap:14px;padding:50px 0 24px;}
  .kaito-insta .kaito-seclabel{padding-left:22px;}
  .kaito-insta__foot{grid-column:1;padding:0 22px;flex-wrap:wrap;gap:16px;}
  .insta-item{width:150px;height:150px;}
}

@media (prefers-reduced-motion:reduce){
  .kaito-hero__img{animation:none;}
  .insta-track{animation:none;}
  .kaito-reserve{animation:none;}
  .reveal.from-left,.reveal.from-right{transform:none;opacity:1;}
}

/* ===================================================================
   スクロールすると上に出てくる横型ナビ（ブランドページ共通）
   ・ページ上部のナビが画面から消えたタイミングで、するっと降りてくる
   =================================================================== */
.brandbar{
  position:fixed;top:0;left:0;width:100%;z-index:120;
  background:rgba(247,243,236,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
  box-shadow:0 4px 18px rgba(40,30,15,.10);
  transform:translateY(-100%);
  transition:transform .38s var(--ease);
  writing-mode:horizontal-tb;          /* 縦書きの指定を打ち消す */
}
.brandbar.is-on{transform:translateY(0);}

.brandbar__inner{
  max-width:1200px;margin:0 auto;padding:10px 24px;
  display:flex;align-items:center;gap:20px;
}
.brandbar__logo{flex:none;display:block;height:30px;}
.brandbar__logo img{display:block;height:100%;width:auto;}
.brandbar__logo--kaito img{border-radius:3px;}

.brandbar__nav{margin-left:auto;}
.brandbar__nav ul{
  display:flex;align-items:center;gap:clamp(12px,1.8vw,26px);
  margin:0;padding:0;list-style:none;
}
.brandbar__nav a{
  position:relative;display:block;padding:4px 0;
  font-family:var(--serif);font-size:13.5px;letter-spacing:.08em;
  color:var(--ink);white-space:nowrap;
  writing-mode:horizontal-tb;text-shadow:none;
  transition:color .25s;
}
.brandbar__nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--enji);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--ease);
}
.brandbar__nav a:hover{color:var(--enji);}
.brandbar__nav a:hover::after{transform:scaleX(1);}

/* 晴れ寿しは紺が主役 */
body.hare .brandbar__nav a:hover{color:var(--enji);}

@media (max-width:900px){
  .brandbar__nav a{font-size:12.5px;}
  .brandbar__inner{padding:9px 16px;gap:12px;}
  .brandbar__logo{height:26px;}
}
/* スマホでは出さない（ハンバーガーメニューがあるため） */
@media (max-width:768px){
  .brandbar{display:none;}
}