/* 静的ブログカード（WordPress標準の埋め込みカードに合わせた見た目） */
.bc { margin: 1.5em 0; max-width: 600px; clear: both; }
.bc .bc-link { display: block; overflow: hidden; padding: 25px; border: 1px solid #ddd; background: #fff; color: #82878c; text-decoration: none; line-height: 1.6; }
.bc .bc-link:hover { text-decoration: none; opacity: .9; }
.bc .bc-thumb { float: left; width: 160px; height: 160px; margin: 0 20px 0 0; overflow: hidden; background: #f1f1f1; }
.bc .bc-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
.bc .bc-title { display: block; margin: 0 0 15px; color: #32373c; font-weight: 600; font-size: 20px; line-height: 1.3; }
.bc .bc-excerpt { display: block; font-size: 14px; }
.bc .bc-site { display: block; clear: both; margin-top: 30px; color: #32373c; font-weight: 600; font-size: 14px; line-height: 25px; }
@media (max-width: 480px) {
  .bc .bc-link { padding: 16px; }
  .bc .bc-thumb { float: none; width: 100%; height: 150px; margin: 0 0 12px; }
}