ul{
  margin:0;
  padding:0;
}
li{
  list-style:none;
}
.solid {
  border:1px solid #333;
}
.upper{
  position:fixed;
  right:50px;
  width: 70px;
  bottom:50px;
  transition:1s;
  background-image:url('/img/buimaru.jpg');
  opacity:1.0;
  background-size: 70px;
  height: 85px;
  }
@media screen and (min-width:680px) {
  .row1{
    height:400px;
   }
      /*　画面サイズが480px以下の場合ここの記述が適用される　*/
    #button{
      margin:5px;
      width: calc(100vmin - 60px);
      color:white;
      background:#007bff;
      text-align:center;
      display:table-cell;
      vertical-align:middle;
      
    }
    
  .back1{
    background-image:url('/img/buimaru.jpg');
    z-index:-10;
    background-size:cover;
    width:100%;
    height:600px;
  }
  .bg-mask{
    height:100%;
    position:relative ;
    background: rgba(255, 255, 255, 0.5);
  }
  }
  @media screen and (max-width:680px) {
    .row1{
      height:400px;
     }
        /*　画面サイズが480px以下の場合ここの記述が適用される　*/
      #button{
        margin:5px;
        width: calc(100vmin - 60px);
        color:white;
        background:#007bff;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
      }
    .back1{
      background-image:url('/img/buimaru.jpg');
      z-index:-10;
      background-size:cover;
      width:100%;
      height:600px;
    }
    .bg-mask{
      height:100%;
      background: rgba(255, 255, 255, 0.5);
    }
  }