.news-item .popup > a {
  word-break: break-all; }
.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: #07C; }
.news-item.cate02 .cate .cate-inner {
  background-color: #E70; }
.news-item.cate03 .cate .cate-inner {
  background-color: #370; }
.news-item.cate04 .cate .cate-inner {
  background-color: #C00; }
.news-item.cate05 .cate .cate-inner {
  background-color: #037; }

@media screen and (max-width: 1203px) {
  .news-item footer {
    font-size: 12px;
    line-height: 18px; }
    .news-item footer .cate img {
      height: 18px; }
  .CMSsubcon + .news-item, .news-item + .news-item {
    margin-top: 40px; } }
@media screen and (min-width: 768px) {
  .CMSsubcon + .news-item, .news-item + .news-item {
    margin-top: 60px; } }
@media screen and (min-width: 1204px), print {
  .news-item footer {
    font-size: 14px;
    line-height: 20px;
    margin-top: 1.5em; }
    .news-item footer .cate img {
      height: 20px; }
  .CMSsubcon + .news-item, .news-item + .news-item {
    margin-top: 20px; } }
@media screen and (min-width: 1568px) {
  .CMSsubcon + .news-item, .news-item + .news-item {
    margin-top: 20px; } }
.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; }