#contents {
  padding-top: 80px;
}

#list:after {
  content: "";
  display: block;
  clear: both;
}
#list article {
  width: 22.1%;
  float: left;
  margin-right: 3.8%;
  padding-bottom: 35px;
}
#list article:nth-child(4n+1) {
  clear: both;
}
#list article:nth-child(4n) {
  margin-right: 0;
  float: right;
}

#list article a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  transition: background .3s;
}

#list article a.news_item {
  height: 300px;
}

#list article a:hover {
  background-color: #f1f1f1;
}
#list article a .item_img {
  display: block;
  width: 100%;
  height: 130px;
  overflow:hidden;
  text-align:center;

}
#list article a .item_img.newsListItem_img {
  height: 140px;
  position: relative;
}
#list article a .item_img img {
  height: 100%;
}
#list article a .item_img img.newsList_thumb {
  visibility: hidden;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#list article a cite {
  padding: 20px 10px;
  font-size: 14px;
  font-weight:bold;
  color: black;
  display: block;
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
#list article {
  width: 32.4%;
  margin-right: 1.3%;
}
#list article:nth-child(4n+1) {
  clear: none;
}
#list article:nth-child(4n) {
  margin-right: 1.3%;
  float: left;
}
#list article:nth-child(3n+1) {
  clear: both;
}
#list article:nth-child(3n) {
  margin-right: 0;
  float: right;
}
}
@media only screen and (max-width: 568px) {
#list article {
  width: 48.9%;
  margin-right: 0;
}
#list article:nth-child(3n+1) {
  clear: none;
}
#list article:nth-child(3n) {
  margin-right: 0;
  float: left;
}
#list article:nth-child(odd) {
  clear: both;
}
#list article:nth-child(even) {
  margin-right: 0;
  float: right;
}

}

@media only screen and (max-width: 414px) {
#list article {
  width: 100%;
  float: none!important;
}
  #list article a.news_item{
    height: auto;
  }
}