/* 店舗ブログ計測 v1.2 — 記事末尾ブロック(GAS が出す .mk-* markup)の見た目
 * 対象: .mk-mid(本文中の店舗情報リンク) / .mk-campaign / .mk-related / table.mk-store / .mk-cta(ボタン)
 * data-mk-* 属性・リンク構造は触らない(計測は tracking.js)。記事本文は書き換えない。
 * 既存記事にも新規記事にも自動で効く(markup は v1.1 のままでも崩れない)。
 */
.entry-content .mk-cta, .mk-cta {
  --mk-ac: #b8860b; --mk-ac2: #8a6508; --mk-ink: #222; --mk-sub: #5d6469; --mk-line: #e4e7ea; --mk-bg: #faf7ef;
  display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; box-sizing: border-box; max-width: 100%;
  background: var(--mk-bg); border: 1px solid #efe4c8; border-radius: 14px; padding: 20px 18px; margin: 32px 0 8px;
}
.mk-cta *, .mk-cta *::before, .mk-cta *::after { box-sizing: border-box; }
.mk-cta > p { flex: 0 0 100%; margin: 0 0 4px; font-size: 15px; line-height: 1.7; color: var(--mk-ink); }
.mk-cta a.mk-btn, .mk-cta a.mk-btn:visited {
  display: inline-flex; align-items: center; justify-content: center; text-align: center;
  flex: 1 1 calc(50% - 5px); min-height: 48px; padding: 12px 16px; margin: 0;
  background: #fff; border: 1.5px solid var(--mk-ac); border-radius: 10px;
  color: var(--mk-ac2) !important; font-weight: 700; font-size: 15px; line-height: 1.3;
  text-decoration: none !important; box-shadow: none; transition: background .15s, color .15s;
}
.mk-cta a.mk-btn:hover, .mk-cta a.mk-btn:focus { background: #fff3d6; color: var(--mk-ac2) !important; }
.mk-cta a.mk-btn.mk-btn-primary, .mk-cta a.mk-btn.mk-btn-primary:visited { flex: 0 0 100%; background: var(--mk-ac); border-color: var(--mk-ac); color: #fff !important; font-size: 16px; min-height: 52px; }
.mk-cta a.mk-btn.mk-btn-primary:hover, .mk-cta a.mk-btn.mk-btn-primary:focus { background: var(--mk-ac2); color: #fff !important; }
.mk-cta a.mk-btn::after { content: none; }   /* テーマが外部リンクに付けるアイコンを消す */

/* 本文中の店舗情報リンク */
p.mk-mid { margin: 22px 0; padding: 12px 14px; border-left: 4px solid #b8860b; background: #faf7ef; border-radius: 0 8px 8px 0; font-size: 15px; line-height: 1.6; }
p.mk-mid a, p.mk-mid a:visited { color: #8a6508 !important; font-weight: 700; text-decoration: underline; }

/* 店舗情報の表 */
table.mk-store { width: 100%; border-collapse: collapse; margin: 8px 0 0; font-size: 15px; line-height: 1.6; }
table.mk-store th { width: 7em; text-align: left; background: #f5f6f7; padding: 10px 12px; border: 1px solid #e4e7ea; font-weight: 600; vertical-align: top; }
table.mk-store td { padding: 10px 12px; border: 1px solid #e4e7ea; }
table.mk-store a, table.mk-store a:visited { color: #8a6508 !important; font-weight: 700; }

/* あわせて読みたい */
ul.mk-related { margin: 8px 0 0; padding-left: 1.2em; }
ul.mk-related li { margin: 6px 0; line-height: 1.6; }

/* キャンペーン(approved_copy のみ) */
.mk-campaign { background: #fff8e6; border: 1px solid #f1d9a0; border-radius: 12px; padding: 14px 18px; margin: 20px 0; }
.mk-campaign p { margin: 0; }
.mk-campaign .mk-campaign-h { font-weight: 700; margin: 0 0 6px; }
.mk-campaign .mk-campaign-note { font-size: 13px; color: #5d6469; margin-top: 6px; }

@media (max-width: 640px) {
  .entry-content .mk-cta, .mk-cta { padding: 16px 14px; gap: 8px; }
  .mk-cta a.mk-btn, .mk-cta a.mk-btn:visited { flex: 0 0 100%; font-size: 16px; min-height: 50px; }
  table.mk-store th { width: 5.5em; padding: 8px 10px; }
  table.mk-store td { padding: 8px 10px; }
}