/* soukai2026 | banner.css - トップページバナーエリア */

.banner-area {
  display: flex; flex-direction: column; gap: 8px;
}

.banner-item {
  display: block;
  background: var(--white);
  border: 1px solid var(--border);
  overflow: hidden;
  transition: box-shadow .15s, transform .1s;
}
a.banner-item:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
  transform: translateY(-1px);
}

.banner-item--image {
  border: none;
}
.banner-item--image .banner-img {
  width: 100%; height: auto; display: block;
}

.banner-content {
  padding: 14px 16px;
}
.banner-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px; font-weight: 700;
  color: var(--purple-dark);
  margin-bottom: 6px;
}
.banner-body {
  font-size: 13px; line-height: 1.7;
  color: var(--text-mid);
}
.banner-body p { margin-bottom: 0; }

@media (min-width: 768px) {
  .banner-title { font-size: 15px; }
}