@charset "UTF-8";

/* --------------------------------------------------
  一覧
-------------------------------------------------- */

#content #news-list { margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
#content #news-list li { margin-bottom: 10px; width: 234px; }
#content #news-list a { padding: 10px; height: 100%; background: #f4f4f4; color: #111; display: block; }
#content #news-list img { margin-bottom: 10px; width: 100%; height: 200px; background: #fff; object-fit: cover; }
#content #news-list .date { display: block; }
#content #news-list strong {}

@media screen and (max-width: 1024px) {
#content #news-list li { width: 33%; }
}

@media screen and (max-width: 767px) {
#content #news-list li { width: 49%; }
}

@media screen and (max-width: 375px) {
#content #news-list li { width: 100%; }
}

/*
#content #news-list { margin: 0 auto; width: 900px; list-style: none; }
#content #news-list li { padding: 15px; border-bottom: dashed 1px #ccc; }
#content #news-list .date { margin-right: 20px; }

@media screen and (max-width: 1024px) {
#content #news-list { margin-bottom: 30px; width: 100%; max-width: 900px; }
}

@media screen and (max-width: 767px) {
#content #news-list li { padding: 10px display: block;; }
#content #news-list .date { margin-right: 0; display: block; }
}
*/

/* --------------------------------------------------
  詳細
-------------------------------------------------- */

article .eye-catch { margin: 20px 0; text-align: center; }
article .eye-catch img { width: 100%; max-width: 600px; }
article img { margin: 10px 0; }
article .meta { margin-top: 20px; padding: 10px 20px; background: #f4f4f4; font-size: 1.5rem; text-align: right; }
article .meta span { display: inline-block; }
article .meta .category { margin-right: 20px; padding-right: 20px; border-right: solid 1px #ccc; }
.contents-navi { margin-top: 30px; text-align: center; }

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
}