/*=====================
ボタン
=====================*/
/* 商品詳しく見るボタン */

.button a {
    display: block;
    max-width: 250px;
    padding: 20px 0;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 200% auto;
    background-image: linear-gradient(
      to right,
      #a48c61 0%,
      #a48c61 50%,
      #000000 50%,
      #000000 100%
    );
    box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
    transition: background-position ease 0.4s;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
  }

  .button a:hover {
    background-position: 0 0;
  }



  .button a{
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;


  }
/*
各セクションをもっとみるボタン */

  .button2 a {
    display: block;
    max-width: 400px;
    padding: 20px 0;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 200% auto;
    background-image: linear-gradient(
      to right,
      #a48c61 0%,
      #a48c61 50%,
      #000000 50%,
      #000000 100%
    );
    box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
    transition: background-position ease 0.4s;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
  }

  .button2 a:hover {
    background-position: 0 0;
  }



  .button2 a{
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;


  }