/* ページ概要用 */

#main-picture {
  height: 200px;
}

.post {
  height: auto;
  border-top: 0;
  border-left: 0;
  padding: 10px 0 0 0;
}

.post-header {
  padding: 10px calc((100% - 256px) / 2);
  height: auto;
  overflow: visible;
}

.post-content {
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  border-top: 0;
}

.post-content img {
  width: 256px;
  height: 144px;
}

@media (min-width: 992px) {
  .posts-padding {
    border-top: 0;
    border-left: 0;
    background: rgb(241, 241, 237);
  }
}

#posts {
  background: rgb(241, 241, 237);
  border-right: 0;
  border-bottom: 0;
}

.clear #posts {
  margin: 16px 0;
}

.post:hover div {
  color: initial;
}

.post:hover .post-header,
.post:hover .post-content {
  background: initial;
  transition: initial;
}