body{
    margin: 0px;
    padding: 0px;
    background-color: rgb(177, 225, 249);
    font-family: 'Zen Kaku Gothic New', sans-serif;

}

.box {
    display: flex;
    width: 800px;
  height: 500px;
  overflow-x: scroll;
  }
   
  .box div {
    width: 95%;
    margin: 5px;
    flex-shrink: 0;
  }
  
  .box::-webkit-scrollbar {
    height: 14px; /* スクロールバーの高さ */
  }
   
  .box::-webkit-scrollbar-thumb {
    background: #71a4eb; /* ツマミの色 */
    border-radius: 7px; /* ツマミ両端の丸み */
  }
   
  .box::-webkit-scrollbar-track {
    background: #f0c9dc; /* トラックの色 */
    border-radius: 7px; /* トラック両端の丸み */
  }

  .box{
    position:relative


  }
  .botton1{
    position:absolute; 
    top:5200px; left:130px   
  }


  /* ゆっくり遷移する */

  html {
	scroll-behavior: smooth;
}
