@charset "utf-8";
/* 百合ヶ丘便り 一覧（2026 リニューアル版・見た目だけ上書き） */
html, body { margin: 0; padding: 0; background: #fff; }
body { padding: 0 2px; }
ul#newsList {
  margin: 0 0 8px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
ul#newsList li {
  color: #5b6b67; font-size: 14px; line-height: 1.7;
  padding: 12px 2px; margin: 0;
  border-bottom: 1px dashed #bfe0d6;
}
ul#newsList li > .clearfix { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; align-items: start; }
.thumbNailWrap { width: 72px; height: auto; grid-row: span 2; float: none; }
.thumbNailWrap img { display: block; width: 72px !important; height: auto !important; border: 1px solid #d9ece6; border-radius: 4px; }
.title { font-size: 15px; font-weight: 700; color: #2f3a38; }
.title a { color: #13756c; }
.comment { float: none; width: auto; padding: 2px 0 0; }
a { color: #13756c; }
a:hover { color: #0d544e; }
.newMark { box-shadow: none; background: #2a9184; border-color: #2a9184; font-style: normal; }
.pager { padding: 12px 0 4px; }
.pager a { font-size: 14px; padding: 4px 10px; border-color: #8fd3c1; color: #1f7469; }
.pager a.current { background: #2a9184; border-color: #2a9184; font-size: 14px; padding: 4px 10px; }
.pager a:hover { background: #1f7469; }
@media (max-width: 480px) {
  ul#newsList li > .clearfix { grid-template-columns: 56px minmax(0, 1fr); column-gap: 10px; }
  .thumbNailWrap, .thumbNailWrap img { width: 56px !important; }
}