/* plan_mobile.css – ensure menu opens */

@media screen and (max-width:768px){
  /* ---------------- ハンバーガーボタン ---------------- */
  .menu-toggle{
    display:block !important;
    position:fixed !important;
    bottom:15px !important;
    left:15px !important;
    top:auto !important;
    right:auto !important;
    z-index:1000 !important;
  }

  /* ---------------- サイドメニュー ---------------- */
  .contents .side{
    display:none !important;
  }
  body.menu-open .contents .side{
    display:block !important;
    position:fixed;
    top:0; left:0;
    width:240px; height:100%;
    background:#fff;
    overflow-y:auto;
    box-shadow:2px 0 6px rgba(0,0,0,.2);
    z-index:999;
    animation:slideIn .3s forwards;
  }
  @keyframes slideIn{
    from{ transform:translateX(-260px); }
    to  { transform:translateX(0); }
  }

  /* メイン全幅 */
  .main{ width:100% !important; float:none; }
}