/* 目次バーをヘッダーと一体型に（共通部品）2026-10-08 依頼 F-hd。本人「環境を知ると仕事を知るの黒帯を、クロストークみたいにヘッダーと一体型に」
   現物＝クロストーク rc-crosstalk.css 204〜241 行（裁定 M18／M19）の写し。class 名だけ替えた（.ct-hd-off→.rc-hd-off・.ct-bar→nav[data-rc-hdbar]・.ct-bar__menu→.rc-hdbar__menu・--ct-cut→--hd-cut）。数値は CT のまま。
   対象＝nav[data-rc-hdbar]（sticky の範囲はその親）。rc-bar-hd.js が、PC でバーが止まっている間 body に .rc-hd-off を付ける。
   ≤1023（SP）は .rc-hdbar__menu を隠すだけ＝.rc-hd-off が付かないので今と 1px も変わらない。
   バーの中身（番号・文字・矢印・グラデ）の縮め方はページごと（rc-work.css・rc-environment.css の「止まったとき」）。
   動き＝コーポレートの現物 main.css 8399〜8403 行（.43,.05,.17,1）。html.motion が無い／no-motion は transition 無し＝瞬時 */
.rc-hdbar__menu{display:none}
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  nav[data-rc-hdbar]{--hd-cut:5.8rem}   /* CT 225 行 --ct-cut */
  .rc-hdbar__menu{display:block;position:absolute;right:3.8rem;top:3.45rem;width:8.8rem;height:7.3rem;padding:0;border:0;background:none;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none}   /* CT 211 行 */
  .rc-hdbar__menu-img{position:absolute;left:1rem;top:2rem;width:6.8rem;height:3.3rem;max-width:none}   /* CT 212 行 */
  .rc-hdbar__menu:focus-visible{outline:2px solid var(--rc-hd-gold,#bfa05a);outline-offset:-2px}   /* CT 213 行（金はページの変数が無い時の既定） */
  body.rc-hd-off .rc-hdbar__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(var(--hd-menu-y,2.9rem)) scale(.7)}   /* CT 214・233 行。translateY は帯の縦の真ん中へ（箱 14.2rem は 2.9rem・ページが変数で替える） */
  body.rc-hd-off .site-header{opacity:0;visibility:hidden;transform:translateY(-2.4rem);pointer-events:none}   /* CT 215 行 */
  html.motion:not(.no-motion) .rc-site .site-header{transition:background-color .3s ease,box-shadow .3s ease,opacity .35s ease,transform .45s cubic-bezier(.43,.05,.17,1),visibility 0s}   /* CT 216 行 */
  html.motion:not(.no-motion) body.rc-hd-off .site-header{transition:background-color .3s ease,box-shadow .3s ease,opacity .35s ease,transform .45s cubic-bezier(.43,.05,.17,1),visibility 0s linear .45s}   /* CT 217 行 */
  body.rc-hd-off nav[data-rc-hdbar]{transform:translateY(calc(-10.4rem - var(--hd-cut)));clip-path:inset(var(--hd-cut) 0 0 0)}   /* CT 226 行 */
  body.rc-hd-off .sp-drawer{top:10rem}   /* CT 234 行 */
  .rc-site.admin-bar.rc-hd-off .sp-drawer{top:calc(10rem + 32px)}   /* CT 235 行 */
  html.motion:not(.no-motion) nav[data-rc-hdbar]{transition:transform .45s cubic-bezier(.43,.05,.17,1),clip-path .45s cubic-bezier(.43,.05,.17,1)}   /* CT 236 行 */
  html.motion:not(.no-motion) body:not(.rc-hd-off) nav[data-rc-hdbar]{clip-path:inset(0 0 0 0)}   /* CT 237 行（none からは補間できない） */
  html.motion:not(.no-motion) .rc-hdbar__menu{transition:opacity .35s ease,transform .45s cubic-bezier(.43,.05,.17,1),visibility 0s linear .35s}   /* CT 240 行 */
  html.motion:not(.no-motion) body.rc-hd-off .rc-hdbar__menu{transition:opacity .35s ease .1s,transform .45s cubic-bezier(.43,.05,.17,1),visibility 0s}   /* CT 241 行 */
}