@charset "UTF-8";
/* #page-lead */
.page-lead-text {
  padding: 30px 0;
  font-size: 15px;
}

/* #latest-article */
#latest-article {
  margin-bottom: 35px;
}
#latest-article .article {
  width: 31.968%;
  margin-right: 2.048%;
  float: left;
}
#latest-article .article:last-child {
  margin-right: 0;
}
#latest-article .img-wrap {
  height: 150px;
  overflow: hidden;
  position: relative;
}
#latest-article .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#latest-article .text-wrap {
  padding: 12px 10px 10px;
  background: #1f1f1f;
}
#latest-article .date {
  padding: 3px 0 10px 18px;
  background: url(/topics/assets/images/img-icon-date-white@2x.png) left top no-repeat;
  background-size: 14px 15px;
  border-bottom: 1px solid #9e9e9f;
  font-size: 13px;
  color: #fff;
}
#latest-article .article-ttl a {
  padding-top: 15px;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

@media only screen and (max-width: 979px) {
  /* #latest-article */
  #latest-article {
    margin-bottom: 30px;
    padding-top: 7px;
  }
  #latest-article .article {
    width: 100%;
    margin: 0 0 7px 0;
    float: none;
  }
  #latest-article .article .img-wrap {
    height: auto;
    overflow: visible;
    border: 3px solid #1f1f1f;
  }
  #latest-article .article img {
    width: 100%;
    height: auto;
    position: static;
    transform: none;
  }
  #latest-article .article-ttl {
    padding-top: 10px;
  }
}