@charset "utf-8";

/*****************************************
*
* 応援メッセージ
*
******************************************/


.page-message .message-box {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 60px;
}

@media screen and (min-width: 1024px), print {
  .page-message .message-box {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 80px;
    column-gap: 80px;
  }
}

/* 見出し --------------------------------*/
.page-message .message-contents .heading {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (min-width: 834px), print {
  .page-message .message-contents .heading {
    font-size: 1.4rem;
  }
}

/* 画像 --------------------------------*/
.page-message .wp-block-image img {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
}

.page-message .wp-block-image,
.page-message .embed-youtube {
  margin-bottom: 1em;
}

/* カテゴリー --------------------------------*/
.page-message .category-wrap {
  text-align: right;
}

.page-message .category {
  display: inline-block;
  background: var(--color-main);
  border: 1px solid var(--color-light-blue);
  border-radius: 4px;
  text-align: left;
  color: var(--color-light-blue);
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 5px 8px 7px 8px;
}