@charset "utf-8";
/* STEP 17: 購入導線の整理。既存のshop.cssを変更せず、追加の要素だけを装飾。 */
.product-detail-layout .purchase-panel {
  box-sizing:border-box;
  width:100%;
  padding:22px 24px;
  margin:0 0 25px;
  border:1px solid #ead99b;
  border-radius:16px;
  background:#fffaf0;
}
.product-detail-layout .shop-item .purchase-title {
  margin:0 0 6px;
  font-size:19px;
  line-height:1.5;
  font-weight:700;
}
.product-detail-layout .shop-item .purchase-title::after { display:none; }
.product-detail-layout .purchase-intro {
  font-size:13px;
  line-height:1.7;
  color:#555;
  margin:0 0 15px;
}
.product-detail-layout .purchase-links { display:flex; flex-direction:column; gap:10px; }
.product-detail-layout .about-item .purchase-link {
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:12px 15px;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  background:#f4dd64;
  color:#242424;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
  text-decoration:none;
}
.product-detail-layout .about-item .purchase-link:hover { background:#e5cb4e; }
.product-detail-layout .about-item .purchase-link--paper { background:#fff; border:1.5px solid #bba241; }
.product-detail-layout .about-item .purchase-link--paper:hover { background:#fff3c8; }
.product-detail-layout .about-item .purchase-link:focus-visible,
.shop-list-page .shop-start-guide a:focus-visible { outline:3px solid #333; outline-offset:3px; }
.product-detail-layout .purchase-status {
  box-sizing:border-box;
  display:block;
  padding:13px 14px;
  border:1px solid #ddd;
  border-radius:12px;
  color:#555;
  background:#f6f6f6;
  font-size:13px;
  line-height:1.65;
  text-align:center;
}
.product-detail-layout .purchase-help { margin:13px 0 0; font-size:12px; line-height:1.8; color:#555; }
.shop-list-page .shop-start-guide {
  box-sizing:border-box;
  width:min(1080px,90%);
  margin:25px auto 0;
  padding:22px 27px;
  border:1px solid #ead99b;
  border-radius:16px;
  background:#fffaf0;
}
.shop-list-page .shop-start-guide h2 { font-size:19px; line-height:1.5; margin:0 0 8px; }
.shop-list-page .shop-start-guide p { font-size:14px; line-height:1.85; margin:0; }
.shop-list-page .shop-guide-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.shop-list-page .shop-start-guide a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  background:#f4dd64;
  border-radius:999px;
  color:#242424;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  text-decoration:none;
}
.shop-list-page .shop-start-guide a:hover { background:#e5cb4e; }
.shop-list-page .shop-start-guide a.shop-guide-secondary { background:#fff; border:1px solid #bba241; }
.shop-list-page .shop-start-guide a.shop-guide-secondary:hover { background:#fff3c8; }
@media (max-width:800px) {
  .product-detail-layout .purchase-panel { padding:19px 18px; margin-bottom:23px; }
  .product-detail-layout .shop-item .purchase-title { font-size:18px; }
  .shop-list-page .shop-start-guide { width:auto; margin:18px 20px 0; padding:19px 18px; }
  .shop-list-page .shop-start-guide h2 { font-size:18px; }
  .shop-list-page .shop-guide-actions { flex-direction:column; }
  .shop-list-page .shop-start-guide a { width:100%; box-sizing:border-box; }
}