@charset "UTF-8";

#page #news-list { margin: 0 auto 40px; width: 900px; }
#page #news-list li { padding: 10px 0; background-image : linear-gradient(to right, #eee, #eee 2px, transparent 2px, transparent 5px); background-size: 5px 2px; background-position: left bottom; background-repeat: repeat-x; display: flex; align-items: center; }
#page #news-list span { display: inline-block; }
#page #news-list .date { width: 150px; }
#page #news-list .category {margin-right: 40px; width: 100px; border-radius: 100vw; color: #fff; font-size: 1.4rem; text-align: center; }
#page #news-list .category01 { background: var(--main-color)/*#009eb5*/; }
#page #news-list .category02 { background: #2762b6; }
#page #news-list .category03 { background: #a3855d; }
#page #news-list .category04 { background: #a3855d; }
#page #news-list .category05 { background: #a3855d; }
#page #news-list .category06 { background: #a3855d; }
#page #news-list .category07 { background: #a3855d; }
#page #news-list .category08 { background: #a3855d; }
#page #news-list .category09 { background: #a3855d; }
#page #pagination { text-align: center; }

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

@media screen and (max-width: 767px) {
  #page #news-list li { display: block; }
}