:root {
  --kai_w: 85%;
}



body {
  padding: 0;
  margin: 10px;
  width :700px;
  margin:auto;
  
}


.menu_button{
  width:180px;
  height:40px;

}


/*　画面サイズが480px以下の場合ここの記述が適用される　*/
@media screen and (max-width:480px) {
  :root {
      --kai_w: 95%;
  }
  main{
        width: 98%;
  }
  body {
        width: 98%;
  }
  
　h2{font-size:50px;}
　
　.menu_button{
   width:180px;
   height:40px;

 }
 
}