@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--font4) !important;
  background-color: var(--main-color--font1);
}

.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;
  color: var(--main-color--font2) !important;
}
.wp-caption-text .wp-caption-cate {
  order: 2;
  width: calc(100% - 5em - 20px);
  text-align: right;
  color: var(--main-color--font2) !important;
}
.wp-caption-text .wp-caption-title {
  display: block;
  width: 100%;
  margin: 0;
  order: 3;
  color: var(--main-color--font2) !important;
}

@media only screen and (max-width: 767px) {
  .wp-caption-text{
            flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
  }
  .wp-caption-text .wp-caption-date ,
  .wp-caption-text .wp-caption-cate {
    width: 100%;
  }
  .wp-caption-text .wp-caption-date {
    order: 1;
  }
  .wp-caption-text .wp-caption-title {
    order: 2;
  }
  .wp-caption-text .wp-caption-cate {
    order: 3;
  }
}