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

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

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

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

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

/* 以下が追加したコード */
/*———————————
固定ページのヘッダーを非表示にする
——————————–*/
#header{
display:none;
}

/*———————————
固定ページの日付を非表示にする
——————————–*/
.post-10776 .date-tags {
display: none;
}

/*———————————
固定ページの更新日を非表示にする（ページごとの設定が必要ならこちらを参照　https://kyuncomic.com/cocoon/date-non-representation）
——————————–*/
.page .date-tags {
display: none;
}

/************************************
** 固定ページだけタイトルを非表示にする
************************************/
.page .entry-title {
display: none;
}

/*———————————
投稿者の表示を非表示にする
——————————–*/
.article-footer{
display: none;
}
/*———————————
メニューバーを非表示にする
——————————–*/
/*#navi{
display:none;
}–*/
/*---------------------------
フッターを非表示にする
---------------------------*/
/*.page-id-10776 .footer{
   display:none;
}–*/


/*———————————
画像間の空白を削除する
——————————–*/
.article .wp-block-image {
  margin-bottom: 0;
  line-height: 0;
}

/* 外枠を消す*/
.timeline-box {
border: none;
}

/* カテゴリを消す*/
.cat-label {
display: none;
}

/*「投稿日」を表示して「更新日」を非表示にする*/
.new-entry-cards .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}


/* SILKテーマのH2見出しの疑似要素をリセット*/
.entry-content h2 > span::before {
    content: none;
}


/************************************
** 投稿ページのタイトルを中央寄せにして、上下余白をとる
************************************/
main h1.entry-title{
  font-weight: 600;
  font-size: 25px;
  color: #7B7B7B;
}
main .article-header.entry-header{
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
}
@media screen and (max-width: 480px){
  main h1.entry-title{
    font-size: 20px;
    padding: .6em .4em;
  }
}

/************************************
** ヘッダーメニューのインスタアイコンの色
************************************/
.menu-insta {
  color: fuchsia
}