/* 記事内バナー（ショートコード [post_banner]）PC:横並び / SP:縦積み */
.post-banner {
  display: flex;
  gap: 20px;
  margin: 30px 0;
}

.post-banner__unit {
  flex: 1;
  min-width: 0;
}

.post-banner__item {
  display: block;
}

a.post-banner__item {
  transition: opacity 0.3s;
}

a.post-banner__item:hover {
  opacity: 0.7;
}

.post-banner__img {
  display: block;
  width: 100%;
  height: auto;
}

.post-banner__caption {
  margin-top: 8px;
  color: #ff8888;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 999px) {
  .post-banner {
    flex-direction: column;
    gap: 15px;
    margin: 25px 0;
  }

  .post-banner__caption {
    font-size: 13px;
  }

  .post-banner__img--pc {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .post-banner__img--sp {
    display: none;
  }
}