/* ============================================
   ページ共通スタイル（トップ以外の各ページ）
============================================ */

/* ページタイトルバー */
.page-header {
  background: linear-gradient(135deg, #8b0000 0%, #c0002a 100%);
  padding: 24px 20px;
  text-align: center;
  max-width: 1030px;
  margin: 0 auto;
}
.page-header__title {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin: 0;
}
.page-header__title span {
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.15em;
  color: #ffb7c5;
  margin-top: 4px;
}

/* パンくず */
.breadcrumb {
  max-width: 1030px;
  margin: 0 auto;
  padding: 8px 16px;
  font-size: 0.78rem;
  color: #888;
}
.breadcrumb a { color: #8b0000; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span { margin: 0 6px; }

/* セクションタイトル */
.section-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #8b0000;
  border-left: 4px solid #8b0000;
  padding-left: 10px;
  margin-bottom: 16px;
}

/* カード共通 */
.card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.card img { width: 100%; height: auto; display: block; }
.card-body { padding: 12px; }

/* タグ */
.tag {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 20px;
  border: 1px solid #f0a0c0;
  color: #d06090;
  font-weight: 500;
}

/* ページ内コンテンツ余白 */
.page-content {
  max-width: 1030px;
  margin: 0 auto;
  padding: 24px 16px;
}

@media (max-width: 767px) {
  .page-header__title { font-size: 1.3rem; }
  .page-content { padding: 16px 12px; }
}