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

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 森下一丁目町会 YouTubeボタン */
.moriichi-youtube-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 18px;
  margin: 15px 0;
  background: #ff0000;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}

.moriichi-youtube-button:hover {
  opacity: 0.85;
}

.moriichi-youtube-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 21px;
  background: #fff;
  border-radius: 6px;
}

.moriichi-youtube-play {
  color: #ff0000;
  font-size: 12px;
  line-height: 1;
  margin-left: 2px;
}

/* 中央配置した画像のキャプションを、画像の左端にそろえる */
.entry-content figure.wp-block-image.aligncenter {
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.entry-content figure.wp-block-image.aligncenter figcaption {
  text-align: left;
}
/* スマホのページトップボタンを下部メニューの上へ移動 */
@media screen and (max-width: 834px) {
  #page_top {
    bottom: 55px !important;
    right: 10px !important;
  }
}

/* Cocoon標準のトップへ戻るボタンを非表示 */
#go-to-top {
  display: none !important;
}

/* 中央配置した画像のキャプションを、画像の左端にそろえる */
.entry-content figure.wp-block-image.aligncenter {
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.entry-content figure.wp-block-image.aligncenter figcaption {
  text-align: left;
  font-size: 18px;	
}

/* PC版：投稿本文を写真と同じ幅に揃える */
@media screen and (min-width: 769px) {
  .article .entry-content > p {
    max-width: 976.25px;
    margin-left: auto;
    margin-right: auto;
  }
}