.news-list {
  display: block;
  list-style: none;
  margin-bottom: 3.0rem;
  padding: 0;

  .item {
    a {
      display: flex;
      flex-wrap: nowrap;
      /* text-decoration: none; */
      color: #333;
      border-bottom: 1px solid #CCC;
      padding: 20px 20px;
    }

    &:first-child a {
      border-top: 1px solid #CCC;
    }

    .date {
      margin: 0;
      min-width: 140px;
      font-size: 2.0rem;
      color: #999;
      padding: 0 20px 0 0;
    }

    .category {
      margin: 0;
      min-width: 140px;
      padding: 0 2.0rem 0 0;

      span {
        width: 100px;
        text-align: center;
        display: inline-block;
        padding: 0.5rem 2.0rem;
        font-size: 2.0rem;
        line-height: 1;
      }
    }

    .category_normal {
      span {
        background: #999;
        color: #FFF;
      }
    }

    .category_important {
      span {
        background: #EE8060;
        color: #FFF;
      }

      .title {
        margin: 0;
        width: 100%;
      }

      a:hover {
        .title {
          color: #00F;
        }
      }
    }
  }
}