/* hb_menu_pkg：スマホでハンバーガーメニュー（Beauty Spa 京都） */
#hbm-btn,#hbm-shade,#hbm-panel{display:none}
html.hbm-on #hbm-btn{display:flex;position:fixed;top:14px;right:14px;z-index:1002;width:46px;height:46px;border-radius:50%;border:1px solid rgba(212,173,108,.6);background:rgba(10,9,8,.85);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0;backdrop-filter:blur(4px)}
#hbm-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#d9b46c;transition:transform .25s,opacity .25s}
html.hbm-open #hbm-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
html.hbm-open #hbm-btn span:nth-child(2){opacity:0}
html.hbm-open #hbm-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html.hbm-open #hbm-shade{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6)}
html.hbm-open #hbm-panel{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:1001;width:min(78vw,320px);padding:80px 24px 30px;background:#0d0c0b;border-left:1px solid rgba(212,173,108,.35);overflow-y:auto;animation:hbmIn .25s ease}
@keyframes hbmIn{from{transform:translateX(100%)}to{transform:none}}
#hbm-panel .hbm-t{margin:0 0 10px;font-size:12px;letter-spacing:.3em;color:#d9b46c}
#hbm-panel a{display:block;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.1);color:#f2e6cf;text-decoration:none;font-size:16px;letter-spacing:.12em}
#hbm-panel a.hbm-res{margin-top:22px;border:0;border-radius:10px;text-align:center;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#b88a3c,#e6c27a)}
html.hbm-open,html.hbm-open body{overflow:hidden}