/* hb_menu_pkg：スマホでハンバーガーメニュー（とろとろ学園） */
#hbm-btn,#hbm-shade,#hbm-panel{display:none}
@media (max-width:767px){
 header.header .nav{display:none!important}
 #hbm-btn{display:flex;position:fixed;top:12px;right:12px;z-index:1002;width:52px;height:52px;border-radius:14px;border:0;background:linear-gradient(135deg,#ff7aa8,#e83e7c);box-shadow:0 6px 18px rgba(232,62,124,.35);flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}
 #hbm-btn span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .25s,opacity .25s}
 #hbm-btn em{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.08em;color:#fff;margin-top:1px}
 html.hbm-open #hbm-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 html.hbm-open #hbm-btn span:nth-child(2){opacity:0}
 html.hbm-open #hbm-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 html.hbm-open #hbm-shade{display:block;position:fixed;inset:0;z-index:1000;background:rgba(40,10,25,.45)}
 html.hbm-open #hbm-panel{display:block;position:fixed;top:0;right:0;bottom:0;z-index:1001;width:min(80vw,320px);padding:76px 20px 28px;background:#fff7fa;overflow-y:auto;animation:hbmIn .25s ease;box-shadow:-8px 0 24px rgba(0,0,0,.15)}
 @keyframes hbmIn{from{transform:translateX(100%)}to{transform:none}}
 #hbm-panel .hbm-t{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.3em;color:#e83e7c}
 #hbm-panel .hbm-links a{display:flex;align-items:baseline;gap:10px;padding:14px 4px;border-bottom:1px dashed #f3b6cb;color:#3a2230;text-decoration:none}
 #hbm-panel .hbm-links a b{font-size:15px;letter-spacing:.06em}
 #hbm-panel .hbm-links a span{font-size:12px;color:#b4527a}
 #hbm-panel .hbm-acts{display:grid;gap:10px;margin-top:20px}
 #hbm-panel .hbm-acts a{display:block;text-align:center;padding:13px;border-radius:12px;font-weight:700;color:#fff;text-decoration:none}
 #hbm-panel .hbm-acts a.line{background:#06c755}
 #hbm-panel .hbm-acts a.pink{background:linear-gradient(135deg,#ff7aa8,#e83e7c)}
 html.hbm-open,html.hbm-open body{overflow:hidden}
}