.news-item footer { text-align: right; margin-top: 1em; }
.news-item footer span { display: inline-block; }
.news-item footer span.date { position: relative; top: 1px; }
.news-item footer span.cate { margin-left: 0.5em; vertical-align: bottom; }
.news-item footer span.cate .cate-inner { display: flex; justify-content: center; align-items: center; color: #FFF; background-color: #666; text-align: center; border-radius: 3px; width: 8em; }
.news-item.cate01 .cate .cate-inner { background-color: #C00; }
.news-item.cate02 .cate .cate-inner { background-color: #3E058E; }
.news-item.cate03 .cate .cate-inner { background-color: #370; }

@media screen and (max-width: 767px) { .news-item footer { font-size: 12px; line-height: 18px; }
  .news-item footer .cate img { height: 18px; }
  .news-item + .news-item { margin-top: 48px; } }
@media screen and (min-width: 768px), print { .news-item footer { font-size: 14px; line-height: 20px; margin-top: 1.5em; }
  .news-item footer .cate img { height: 20px; }
  .news-item + .news-item { margin-top: 80px; } }
@media screen and (min-width: 1184px) { .news-item + .news-item { margin-top: 80px; } }
.bnumber { margin-top: 1em; }
.bnumber ul { text-align: center; }
.bnumber li { display: inline; }
.bnumber li + li::before { content: "-"; }
.bnumber a { display: inline-block; padding: 0 0.5em; }

#navigation { margin-top: 2em; }