@charset "UTF-8";
/*======================================
.cat-CMN
/*======================================*/
.cat-CMN li:not(:last-of-type) {
  margin-right: 5px;
}
.cat-CMN li a {
  display: block;
  text-align: left;
  font-size: 90%;
  line-height: 1em;
  padding: 5px 5px 4px 5px;
  border-radius: 3px;
  letter-spacing: 3px;
  text-indent: 3px;
  background: rgba(60, 65, 115, .7);
  color: #fff;
}
@media screen and (min-width:768px) {
  .cat-CMN li a {
    font-size: 80%;
  }
} /*END QUERY*/
/*======================================
.time
/*======================================*/
.post-list .time {
  text-align: left;
  font-size: 90%;
  line-height: 1em;
  margin-left: .5em;
}
/*======================================
.column-list
/*======================================*/
.post-item:not(:last-of-type) {
  margin-bottom: 2em;
}
.post-list .thumbnail {
  width: 100%;
}
.post-list .thumbnail a {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin-bottom: 1em;
}
.thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: translate(-50%, -50%);
}
.post-list .inner {
  width: 90%;
  margin: 0 auto;
}
.post-list .inner h2 {
  text-align: left;
  font-size: 120%;
  line-height: 1.5em;
  margin-top: .5em;
}
@media screen and (min-width:768px) {
  .post-list .thumbnail {
    width: 40%;
  }
  .post-list .thumbnail a {
    margin-bottom: 0;
  }
  .post-list .inner {
    flex: 1;
    width: auto;
    margin-left: 2em;
  }
} /*END QUERY*/