@charset "utf-8";

@import url("style_common.css");

.post-list-meta{
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display:         flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
          flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
          align-items: flex-start;
  -webkit-align-items: flex-start;
  gap:10px;
}
.post-list-cat{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  display: block;
  padding: 5px 10px 7px;
  text-decoration: none;
  text-transform: capitalize;
  color: var(--main-color--font1);
  background-color: var(--main-color);
}
@media only screen and (max-width: 767px){
  .post-list-cat{
    font-size: 12px;
    padding: 2px 5px 3px;
  }
}
.wp-caption-text{
  display:         flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
          flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
          align-items: flex-start;
  -webkit-align-items: flex-start;
  gap:10px 0;
  width: 100%;
}
.wp-caption-text .wp-caption-date {
  letter-spacing: 0.05em;
  display: block;
  width: calc(5em + 20px);
  order: 1;
}
.wp-caption-text .wp-caption-cate {
  order: 2;
  width: calc(100% - 5em - 20px);
  text-align: right;
}
.wp-caption-text .wp-caption-title {
  display: block;
  width: 100%;
  margin: 0;
  order: 3;
}