.news-inner {
  padding: 0 80px;
  max-width: 1000px;
  margin: 0 auto;
}
.news-date {
  font-size: 0.875em;
  font-family: "Inconsolata", "Arimo", serif;
  color: #9EA86C;
}
.news-title {
  color: #464721;
  padding-top: 3px;
}
.news-source {
  font-size: 0.95em;
  padding-top: 15px;
}
.news-source a:hover span {
  letter-spacing: 0.18rem;
  color: #9EA86C;
}
.news-source i {
  padding: 5px 4px 5px 5px;
  border-radius: 50%;
  background: #E4DED2;
  font-size: 0.75em;
  color: #888;
  margin-right: 5px;
}
.news-source span {
  letter-spacing: 0.1rem;
  -moz-transition: letter-spacing 0.6s, color 0.6s;
  -o-transition: letter-spacing 0.6s, color 0.6s;
  -webkit-transition: letter-spacing 0.6s, color 0.6s;
  transition: letter-spacing 0.6s, color 0.6s;
}
.news-text {
  padding-top: 20px;
}
.news-text p {
  margin-top: 10px;
}
.news-text p:nth-child(1) {
  margin-top: unset;
}
.news-img {
  padding-top: 5px;
}
.news-img img {
  width: 100%;
  padding-top: 15px;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  -moz-transition: clip-path 0.6s;
  -o-transition: clip-path 0.6s;
  -webkit-transition: clip-path 0.6s;
  transition: clip-path 0.6s;
}
.news-img img.show {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.news-memo {
  font-size: 0.875em;
  padding-top: 5px;
  color: #888;
}
.news-btn {
  position: relative;
  padding-left: 70px;
}
.news-btn.show:after {
  width: 50px;
}
.news-btn:after {
  content: "";
  width: 0px;
  height: 1px;
  background: #9EA86C;
  position: absolute;
  top: 10px;
  left: 0;
  -moz-transition: width 0.6s;
  -o-transition: width 0.6s;
  -webkit-transition: width 0.6s;
  transition: width 0.6s;
}

@media screen and (max-width: 640px) {
  .main {
    padding: 100px 0 50px;
  }

  .news-inner {
    padding: 0 40px;
  }
}