/* 42ws が作る一覧・詳細ページ（お知らせ・支援・セミナー活動・特別講演）の見た目 */
.sppo-cms { padding-top: 2.5em; padding-bottom: 4em; }
.sppo-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e3e5f1; }
.sppo-list li { margin: 0; border-bottom: 1px solid #e3e5f1; }
.sppo-list a { display: flex; gap: 1.5em; align-items: baseline; padding: 1.1em 0.5em; color: #333; text-decoration: none; box-shadow: none; }
.sppo-list a:hover { background: #f5f6fc; }
.sppo-list time { flex: 0 0 9em; color: #7b7fc4; font-size: 0.85em; }
.sppo-title { flex: 1; font-size: 1em; line-height: 1.6; }
.sppo-h { font-size: 1.5em; line-height: 1.5; margin: 0 0 0.4em; color: #333; font-weight: 700; }
.sppo-date { color: #7b7fc4; font-size: 0.9em; margin: 0 0 2em; padding-bottom: 1em; border-bottom: 1px solid #e3e5f1; }
.sppo-article .entry-content img { max-width: 100%; height: auto; }
.sppo-pager { display: flex; justify-content: space-between; gap: 1em; margin-top: 3em; padding-top: 1.5em; border-top: 1px solid #e3e5f1; font-size: 0.9em; }
.sppo-pager a { color: #7b7fc4; box-shadow: none; max-width: 48%; }
.sppo-pager .older { margin-left: auto; text-align: right; }
.sppo-back { text-align: center; margin-top: 2em; }
.sppo-back a { display: inline-block; padding: 0.7em 2.5em; border: 1px solid #7b7fc4; color: #7b7fc4; border-radius: 2px; box-shadow: none; }
@media (max-width: 600px) {
  .sppo-list a { flex-direction: column; gap: 0.2em; }
  .sppo-list time { flex: none; }
}