/*===============================================================*
 * 固定ページ「みらいのおと事業部（mirainooto）ページ」のスタイルです。
 *===============================================================*/

/* 記事クエリカードの余白 */
.wp-block-post {
  padding-right: 2rem;
  padding-bottom: 2.6rem;
}

/**
 * レスポンシブ対応（SP版）用CSS
 */
@media screen and (max-width: 767.33px) {

  /* SP版の活動内容の見出しを真ん中にずらす */
  .mirainooto_activity {
    margin-right: 1rem;
  }

  /* SP版のブログ記事クエリの余白 */
  .wp-block-post {
    padding-right: 0;
    padding-bottom: 1.6rem;
  }
}

@media screen and (max-width: 600px) {
  /* 1段カラムに合わせてブログ記事クエリの余白を調整 */
  .wp-block-post {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
  }
}

@media screen and (max-width: 480px) {
  /* SP版の活動内容カラムの下余白を作る */
  .mirainooto_activity_column {
    margin-bottom: 1rem !important;
  }
}