/* 共通 */
body {
    background-color:springgreen;
    
}

.button {
    padding: 2%;
}

.button a {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 160px;
    color:black;
    font-size: 13px;
    font-weight: 700;
    background-color: #ffffff;
    border-radius: 50vh;
    text-decoration: none;
    text-align: center;
  }
  

  .button a:visited div {
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  }


  .button a:hover {
    background-color: yellow;
  }

  .button a:active {
    background-color: crimson;
  }



/* サイドメニュー用 */
.sidemenu {
    margin-top: 3%;
}

.sidemenu .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 45%;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 50vh;
    text-decoration: none;
    text-align: center;
    
  }
  

  .sidemenu .button a:visited div {
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  }


  .sidemenu .button a:hover {
    background-color:yellow;
  }


  .sidemenu .button a:active {
    background-color:crimson;
  }