html {
  scroll-behavior: smooth;
}

.floating_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px 0;
}

.floating_btn_link {
  margin: auto;
}

main {
  background-color: #A9A6AE;
}

header {
  background: linear-gradient(90deg, #E5BB50 0%, #FFE3A0 30%, #CAA15A 100%);
  padding: 8px 0;
}

.inner {
  max-width: 960px;
  margin: auto;
}

.kv_content {
  padding-bottom: 80px;
}

.sp_kv_img {
  display: none;
}

.pc_kv_img {
  margin-top: -30px;
}

.concept {
  background-color: #080404;
}

.product {
  background: rgba(255, 255, 255, 0.80);
  padding: 80px 0;
}

.pc_product_area {
  display: flex;
  gap: 2%;
}

.sp_product_area {
  display: none;
}

.product_img {
  width: 49%;
}

.product_info {
  width: 49%;
  text-align: center;
  padding: 60px 0;
}

.product_name {
  margin-bottom: 30px;
}

.product_price {
  margin-bottom: 20px;
}

.product_link img {
  margin-bottom: 25px;
}

.c-pagetop.js-pagetop {
  display: none !important;
}

.p-footer {
  margin-top: 0;
}

/* フローティング */
.floating_btn {
  position: fixed;
  bottom: 0;
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}


.floating_btn.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* end フローティング */

@media (width < 1025px) {
  .inner {
    padding: 0 2%;
  }
}

@media (width < 768px) {
  .floating_btn {
    padding: 10px 0;
  }

  .floating_btn_link {
    width: 70%;
  }

  header {
    display: none;
  }

  .inner {
    padding: 0 20px;
  }

  .kv_content {
    padding-bottom: 40px;
  }

  .sp_kv_img {
    display: block;
  }

  .pc_kv_img {
    display: none;
  }

  .concept > .inner {
    padding: 0;
  }

  .product {
    padding: 40px 0;
  }

  .pc_product_area {
    display: none;
  }

  .sp_product_area {
    display: block;
  }

  .product_img {
    width: 100%;
    margin-bottom: 20px;
  }

  .product_info {
    width: 100%;
    padding: 0;
  }

  .product_name {
    width: 95%;
    margin-bottom: 20px;
  }

  .product_price {
    width: 95%;
    margin-bottom: 24px;
  }

  .product_link img {
    width: 100%;
    margin-bottom: 25px;
  }

  .product_attention {
    width: 100%;
  }
}