/* listページ：#main配下のグレー背景を白に統一 */
#content.page_2col,
#main,
#main .section_type01 {
  background: #fff !important;
}

/* カード化（黒い枠線を完全無効化し、角丸＋影） */
.blog_list_body ul { list-style: none; margin: 0; padding: 0; }
.blog_list_body ul > li {
  border: none !important;          /* 黒枠線を無効化 */
  border-bottom: 0 !important;      /* 下線型の枠も無効化 */
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17,24,39,.06);
  overflow: hidden;                  /* 角丸と画像の一体化 */
  margin: 12px 0;
  transition: box-shadow .2s ease, transform .06s ease;
}
.blog_list_body ul > li:hover {
  box-shadow: 0 12px 30px rgba(17,24,39,.10);
  transform: translateY(-1px);
}

/* 画像の余白リセット（カード上部にピタッと） */
.blog_list_body .blog_list_image { margin: 0; }

/* 右側テキスト領域のベース */
.blog_list_body .blog_list_right {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* タイトル */
.blog_list_body .blog_list_right h3 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: 800;
}
.blog_list_body .blog_list_right h3 a {
  color: #111827;
  text-decoration: none;
}
.blog_list_body .blog_list_right h3 a:hover {
  color: var(--blog-accent, #1D64C3);
}

/* 抜粋（2行で省略） */
.blog_list_body .blog_list_right p:nth-of-type(1) {
  margin: 0;
  color: #4b5563;
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* 2行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 日付（薄色・小さめ） */
.blog_list_body .blog_list_right p:nth-of-type(2) {
  margin: 2px 0 0;
  color: #9ca3af;
  font-size: .875rem;
}

/* SP微調整 */
@media (max-width: 767px) {
  .blog_list_body .blog_list_right h3 { font-size: 1.05rem; }
  .blog_list_body .blog_list_right { padding: 12px 14px; gap: 6px; }
}