@charset "UTF-8";
.product_box img {
    max-width: 100%;
}
.product_block {
    position: relative;
}
.product_box .btn {
    color: #fff;
    background: #000;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 2.45em;
    border-radius: 1.625em;
    background-clip: padding-box;
    padding: 0 1.2em;
}

.product_box .btn:hover {
    text-decoration: none;
}
.product_block .btn-area {
    position: absolute;
    width: 100%;
    left: 0;
}

@media screen and (min-width: 768px) {
  .product_box .btn {
    font-size: calc(0.8125rem + ((1vw - 7.68px) * 1));
  }
  .block01 .copy-area {
    position: absolute;
    width: 100%;
    top: calc((348 / 460) * 100%);
    text-align: center;
    font-size: calc(0.8125rem + ((1vw - 7.68px) * 1));
  }
  .block01 .btn-area {
    top: calc((385 / 460) * 100%);
    text-align: center;
    /**left: calc((712 / 980) * 100%);**/
  }
  .product_box .block09 .btn-area {
    padding: 0 calc((147 / 980) * 100%);/*左右の余白（片方のpx / 横幅）*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc((63 / 686) * 100%);/*間の余白（余白px / 左右の余白引いた横幅）*/
    top: calc((807 / 2529) * 100%);
  }
  .product_box .block09 .btn-area .item {
    text-align: center;
  }
}

@media screen and (min-width: 980px) {
.product_box .btn {
    font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
  .block01 .copy-area {
    position: absolute;
    width: 100%;
    top: calc((342 / 460) * 100%);
    text-align: center;
    font-size: calc((28 / 767 * 100) * 1vw);
  }
  .block01 .btn-area {
    top: calc((722 / 845) * 100%);
    text-align: center;
  }
  .block01 .btn {
    font-size: calc((28 / 767 * 100) * 1vw);
  }
  .product_box .block09 .btn-area {
    padding: 0 calc((95 / 750) * 100%);/*左右の余白（片方のpx / 横幅）*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc((40 / 560) * 100%);/*間の余白（余白px / 左右の余白引いた横幅）*/
    top: calc((1469 / 6103) * 100%);
  }
  .block09 .btn {
    font-size: calc((22 / 767 * 100) * 1vw);
  }
  .product_box .block09 .btn-area .item {
    text-align: center;
  }
}

/*-@media screen and (max-width: 320px) {
  .product_box .btn {
    font-size: 12px
  }
}--*/
/*---------------------------------
 product-main-footer
---------------------------------*/
.product-main-footer {
  color: #6e6e73;
  background: #fff;
  font-size: 12px;
}

@media print, (min-width: 768px) {
  .product-main-footer {
    padding: 2%;
  }
}

@media screen and (max-width:767px) {
  .product-main-footer {
    padding: 20px 4%;
  }
}