.newsList {
  max-width: 1000px;
  margin: 0 auto; }
  .newsList__item {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .newsList__item:hover {
      top: -5px; }
    .newsList__item > a {
      display: flex;
      align-items: stretch; }
    .newsList__item__date {
      flex-shrink: 0;
      width: 100px;
      height: 100px;
      background-color: var(--date-bgcolor);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .newsList__item__date .date {
        font-size: 3em;
        color: var(--date-font-color);
        font-weight: 700;
        line-height: 1; }
      .newsList__item__date .month {
        font-size: 1.2em;
        font-weight: 00;
        color: var(--date-font-color);
        line-height: 1.5;
        letter-spacing: 0.07em; }
    .newsList__item__content {
      width: calc(100% - 90px);
      flex-grow: 1;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
      padding: 0 30px; }
      .newsList__item__content .cat {
        font-size: 0.9em;
        color: var(--cat-font-color);
        letter-spacing: 0.05em; }
      .newsList__item__content .title {
        width: 100%;
        font-size: 1.2em;
        color: var(--title-font-color);
        letter-spacing: 0.05em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    @media (max-width: 640px) {
      .newsList__item__date {
        width: 80px;
        height: 80px; }
        .newsList__item__date .date {
          font-size: 2.6em; }
        .newsList__item__date .month {
          font-size: 1em; }
      .newsList__item__content {
        width: calc(100% - 90px);
        padding: 0 15px; }
        .newsList__item__content .cat {
          font-size: 0.9em; }
        .newsList__item__content .title {
          font-size: 1.1em; } }

/*# sourceMappingURL=news.css.map */