/*--------------------------------------------------------
ブログ専用（お役立ち情報以外のアーカイブページ）CSS
----------------------------------------------------------*/
.archive-wrap {
  width: 100%;
}

.archive-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.post-item {
  margin-bottom: 0;
  flex-direction: column;
  border: 1px solid #D2D7DC;
  width: calc((100% - 40px) / 3);
}

.post-box {
  display: block;
}

.post-image {
  width: 100%;
  height: 180px;
  margin-right: 0;
}

.post-text {
  margin-top: 12px;
}

.post_content p.post-title {
  font-size: 15px;
}

.post_content p.post-contents {
  font-size: 14px;
}

.wp-pagenavi {
  margin: 35px auto 0;
}

.wp-pagenavi {
  margin: 25px auto 0;
}

/* レスポンシブデザイン */
@media only screen and (max-width: 1080px) and (min-width: 768px) {
  .post-image {
    height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .archive-container {
    display: block;
  }
  .post-item {
    width: 100%;
    margin-bottom: 20px;
  }
}