@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイル
************************************/
/* デフォルト */
a {
  transition: 0.5s;
}
main .article p {
  margin-bottom: 0.8em;
}
/* ヘッダー */
.header-in {
  justify-content: unset;
}
.logo-image {
  padding: 30px 0;
}

/* 罫線除去 */
.header-container:after,
.footer:before {
  background: unset;
}
/* フッター位置調整 */
#footer {
  padding-bottom: 20px;
}
/* アピールリスト */
.appeal-message {
  text-align: left;
}
.appeal-in {
  padding-left: 0;
  padding-right: 0;
}
.appeal-content {
  max-width: unset;
  background-color: unset;
  border: 2px dashed #ccc;
}
/* ボタンブロックホバー */
a.wp-block-button__link:hover {
  opacity: 0.7;
}
/* 投稿日付 */
.date-tags {
  margin-top: 1.5em;
}
body .post-date,
.post-update {
  font-family: unset;
}

/* クエリーループグリッド表示 */
.wp-block-post-template.is-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 表示したい列数 */
  gap: 24px !important;
}

/* スマホ表示 */
@media (max-width: 786px) {
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr !important;
  }
}
/* 横並びのアイコンと日付の間隔 */
.top-archive .is-layout-flex {
  gap: 3px;
}
/* メディアとテキストブロック */
.wp-block-media-text {
  gap: 1.5em;
}
.wp-block-media-text > .wp-block-media-text__content {
  padding: 0;
}

/* Contact Form 7 */
form.wpcf7-form input[type="submit"] {
  font-size: 18px;
  background-color: #fce2cc;
  border: unset;
  border-radius: 100px;
}

/* ボタン */
.button-block,
.wp-block-button {
  white-space: nowrap;
}
.box-content a {
  box-sizing: content-box;
}

/* モバイルメニュー */
.mobile-footer-menu-buttons {
  bottom: 0 !important;
}