@charset "UTF-8";
/* LifeMod 広告カード（A8.net）2026-10-08 ミヤギ
   lm-design の方針どおり、箱・影・グラデは使わない。上下の細い線と余白で区切る */
.lm-d .article .entry-content .lm-ad {
  margin: 2.4em 0; padding: 22px 0 24px;
  border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line);
}
.lm-d .article .entry-content .lm-ad p { margin: 0; }
.lm-d .article .entry-content .lm-ad-top {
  display: flex; align-items: center; gap: 10px;
  font-size: 12.5px; font-weight: 700; color: var(--sub); letter-spacing: .02em;
}
.lm-d .article .entry-content .lm-ad-pr {
  display: inline-grid; place-items: center; height: 20px; padding: 0 7px; border-radius: 4px;
  border: 1px solid var(--mute); font-family: var(--latin); font-size: 10.5px; font-weight: 700; color: var(--sub); letter-spacing: .06em;
}
.lm-d .article .entry-content .lm-ad-name {
  margin-top: 10px; font-size: 21px; font-weight: 800; line-height: 1.45; color: var(--ink);
}
.lm-d .article .entry-content .lm-ad-desc {
  margin-top: 8px; font-size: 14.5px; line-height: 1.9; color: var(--ink-2);
}
.lm-d .article .entry-content .lm-ad-link { margin-top: 10px; font-size: 13.5px; line-height: 1.7; }
.lm-d .article .entry-content .lm-ad-link a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.lm-d .article .entry-content .lm-ad-btn {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; height: 44px; padding: 0 24px;
  border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none;
}
.lm-d .article .entry-content .lm-ad-btn:hover { background: var(--accent); color: #fff; }
.lm-d .article .entry-content .lm-ad-px { display: block; width: 1px; height: 1px; border: 0; margin: 0; }
@media (max-width: 600px) {
  .lm-d .article .entry-content .lm-ad-name { font-size: 19px; }
  .lm-d .article .entry-content .lm-ad-btn { display: flex; justify-content: center; width: 100%; }
}

/* ── 画像付き（2026-10-18 タクヤ「広告は画像付きがいい」）─────────── */
.lm-d .article .entry-content .lm-ad--img { display: grid; grid-template-columns: 240px minmax(0, 1fr); column-gap: 28px; align-items: center; }
.lm-d .article .entry-content .lm-ad--img .lm-ad-top { grid-column: 1 / -1; margin-bottom: 16px; }
.lm-d .article .entry-content .lm-ad-ban { display: block; line-height: 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--line); }
.lm-d .article .entry-content .lm-ad-ban img { display: block; width: 100%; height: auto; margin: 0; border: 0; }
.lm-d .article .entry-content .lm-ad--img .lm-ad-name { margin-top: 0; }
.lm-d .article .entry-content .lm-ad--img .lm-ad-px { grid-column: 1 / -1; }
/* ホバーは青で塗らない（2026-10-18 の方針） */
.lm-d .article .entry-content .lm-ad-btn:hover { background: var(--ink-2); color: #fff; }
@media (max-width: 600px) {
  .lm-d .article .entry-content .lm-ad--img { grid-template-columns: 1fr; }
  .lm-d .article .entry-content .lm-ad-ban { max-width: 300px; margin-bottom: 16px; }
}