@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*カラム内ボタン下揃え*/
.btn-bottom-list > .wp-block-column {
  display: flex;
  flex-direction: column;
}

.btn-bottom-list > .wp-block-column > .wp-block-buttons {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}

/*問い合わせページのシェアボタン非表示*/
.page-id-25 .sns-share {
    display: none;
}

/*プライバシーポリシーページのシェアボタン非表示*/
.page-id-3 .sns-share {
    display: none;
}

/*ページタイトル（H1）の文字色*/
.article h1 {
  color: #AAC2D2
}

/*活動一覧ページの横幅*/
@media screen and (min-width: 1024px) {
.page-id-19  .article {
    width: 1000px;
    margin: 0 auto;
  }
}

/*プライバシーポリシーページの横幅*/
@media screen and (min-width: 1024px) {
.page-id-3  .article {
    width: 1000px;
    margin: 0 auto;
  }
}

/*プロフィールページの横幅*/
@media screen and (min-width: 1024px) {
.page-id-34  .article {
    width: 1000px;
    margin: 0 auto;
  }
}

/*投稿履歴ページの横幅*/
@media screen and (min-width: 1024px) {
.page-id-23  .article {
    width: 1000px;
    margin: 0 auto;
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*スマホのみ改行*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
