@charset "UTF-8";
/* ============================================================
   gorakudo 追加: 記事内の商品カード 2026-09-28
   - 本文に商品URLを1行貼ると functions/product-card.php がカードを出力する
   - 本文エリアは和紙テクスチャ背景なのでカードは白地＋金枠で浮かせる
   - エディタのプレビュー(iframe)でも同じ見た目になるよう rem ではなく px で指定
   ============================================================ */
.gk-prodcard-wrap{margin: 0 0 40px;padding-top: 12px;}
.wp-block-embed:has(.gk-prodcard){margin: 0;}

.gk-prodcard,
.wysiwyg a.gk-prodcard{
  position: relative;display: grid;grid-template-columns: 240px 1fr;gap: 28px;align-items: center;
  background: #fff;border: 1px solid #D8C89F;box-shadow: 0 2px 0 rgba(0,51,29,0.08);
  padding: 30px 28px 24px;color: #333;text-decoration: none;opacity: 1;
  font-family: "Shippori Mincho", serif;line-height: 1.6;box-sizing: border-box;
  transition: box-shadow .25s ease, transform .25s ease;
}
.gk-prodcard:hover,
.wysiwyg a.gk-prodcard:hover{opacity: 1;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0,51,29,0.14);}

.gk-prodcard__label{
  position: absolute;top: -12px;left: 20px;background: #00331D;color: #fff;
  font-size: 12px;letter-spacing: .12em;line-height: 1;padding: 6px 12px;
}
/* 商品画像は 768x488 の横長で統一されているので枠も同じ比率 */
.gk-prodcard__img{display: block;aspect-ratio: 768 / 488;background: #00331D;overflow: hidden;}
.gk-prodcard__img img{display: block;width: 100%;height: 100%;object-fit: cover;margin: 0;}
.gk-prodcard__body{display: flex;flex-direction: column;gap: 10px;min-width: 0;}

.gk-prodcard__tags{display: flex;flex-wrap: wrap;gap: 6px;}
.gk-prodcard__tag{font-size: 11px;line-height: 1;letter-spacing: .06em;color: #00331D;border: 1px solid #D8C89F;background: #F9F4E6;padding: 4px 8px;}
.gk-prodcard__name{font-size: 19px;font-weight: 700;color: #00331D;letter-spacing: .04em;line-height: 1.5;}
.gk-prodcard__desc{
  font-size: 14px;color: #555;line-height: 1.8;
  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
}

.gk-prodcard__foot{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;flex-wrap: wrap;margin-top: 4px;padding-top: 12px;border-top: 1px dashed #D8C89F;}
.gk-prodcard__price{font-size: 20px;font-weight: 700;color: #A50005;letter-spacing: .03em;line-height: 1.3;}
.gk-prodcard__price small{display: block;font-size: 11px;font-weight: 500;color: #8A8578;letter-spacing: .08em;margin-bottom: 2px;}
.gk-prodcard__btn{
  margin-left: auto;display: inline-flex;align-items: center;gap: 10px;
  background: #A50005;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .1em;
  padding: 11px 20px 11px 22px;transition: background .25s ease;
}
.gk-prodcard__btn::after{content: "";width: 6px;height: 6px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: rotate(45deg);}
.gk-prodcard:hover .gk-prodcard__btn{background: #7E0004;}

@media screen and (max-width: 767px) {
.gk-prodcard-wrap{margin-bottom: 11vw;}
.gk-prodcard,
.wysiwyg a.gk-prodcard{grid-template-columns: 40% 1fr;gap: 14px;padding: 24px 14px 14px;align-items: start;}
.gk-prodcard__label{left: 12px;font-size: 11px;padding: 5px 10px;}
.gk-prodcard__body{gap: 6px;}
.gk-prodcard__tag{font-size: 10px;padding: 3px 6px;}
.gk-prodcard__name{font-size: 15px;}
.gk-prodcard__desc{display: none;}
.gk-prodcard__foot{gap: 8px;border-top: none;padding-top: 0;margin-top: 0;}
.gk-prodcard__price{font-size: 17px;}
.gk-prodcard__btn{font-size: 13px;padding: 9px 14px 9px 16px;}
}