/* ================================================================
   Geeenie 商品LP共通CSS（A.I.RIS / Kiss me Choco 等の画像ベースLP用）
   2026-09-04 作成。サイト本体のグローバル要素には触れず、.product-lp 配下のみ。
   ================================================================ */
.product-lp {
  max-width: 500px;
  margin: 0 auto;
  /* サイト共通の下部固定ナビ(.tabbar 高さ50px) + CTAぶんの余白 */
  padding-bottom: 134px;
  background: #fff;
}

.product-lp img {
  display: block;
  width: 100%;
  height: auto;
}

.product-lp-cta {
  position: fixed;
  left: 0;
  right: 0;
  /* サイト共通の下部固定ナビ(.tabbar, bottom:0, height:50px, z-index:111) の
     真上に置く。bottom:0 のままだと.tabbarに完全に隠れてCTAが見えなくなる。 */
  bottom: 50px;
  z-index: 110;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 14px;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
}

.product-lp-cta a {
  display: block;
  width: 100%;
  padding: 13px 0;
  border-radius: 999px;
  background: #3a2723;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
}

/* 2026-09-20 A.I.RIS LP: 4色の購入ボタン(#airis-buy)。下固定CTAはここへスクロール */
.product-lp-buy {
  padding: 28px 16px 8px;
  background: #fff;
  scroll-margin-top: 60px;
}

.product-lp-buy-title {
  margin: 0 0 14px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #3a2723;
}

.product-lp-buy a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  padding: 12px 0;
  border-radius: 10px;
  background: #3a2723;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.product-lp-buy a small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.85;
}