@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){
  /*必要ならばここにコードを書く*/
}

/* --------------------------------------------------
 🌟 見出しの初期化（Cocoonのデフォルト装飾リセット）
-------------------------------------------------- */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none;
  border: none;
  padding: 0;
}


/* --------------------------------------------------
 🎨 見出しデザイン（くすみローズカラー＋下余白＋サイズ）
-------------------------------------------------- */
.entry-title {
  color: #eb6ea0;
}

.article h2 {
  color: #eb6ea0;
  border-bottom: solid 2px #eb6ea0;
  padding-bottom: 5px;
  margin: 0px 0px 20px 0px !important;
  font-size: 20px;
}

.article h3 {
  color: #eb6ea0;
  border-bottom: solid 1px #eb6ea0;
  padding-bottom: 4px;
  margin: 0px 0px 20px 0px !important;
  font-size: 18px;
}

.article h4 {
  color: #eb6ea0;
  border-bottom: solid 0.5px #eb6ea0;
  padding-bottom: 3px;
  font-size: 17px;
}

.article h5 {
  color: #eb6ea0;
  border-bottom: solid 0px #eb6ea0;
  padding-bottom: 2px;
  font-size: 16px;
}

.article h6 {
  color: #eb6ea0;
  border-bottom: solid 0px #eb6ea0;
  padding-bottom: 1px;
  font-size: 16px;
}


/* --------------------------------------------------
📦 白抜きボックス（共通スタイル＋中央寄せ＋レスポンシブ対応）
-------------------------------------------------- */

/* スマホ表示（初期） */
body .blank-box {
  margin: 0 auto 10px auto !important;   /* ⬅ 中央寄せ */
  padding: 5px 22px !important;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* PC表示でpaddingを広げる */
@media screen and (min-width: 769px) {
  body .blank-box {
    padding: 5px 35px !important;
  }
}

/* --------------------------------------------------
 📚 サイドバー関連
-------------------------------------------------- */
#sidebar .widget-sidebar-title {
  border-bottom: 2px solid #eb6ea0;
  background: #ffffff;
  color: #6b6b6b;
}

.sidebar h3 {
  font-size: 15px;
  text-align: center;
}


/* --------------------------------------------------
 🧹 固定ページで非表示にする要素
-------------------------------------------------- */
.page .entry-title,
.page .date-tags,
.page .author-info {
  display: none !important;
}


/* --------------------------------------------------
 📱 モバイル：フッター・トップボタン調整
-------------------------------------------------- */

/* モバイル固定フッター非表示 */
.page .mobile-footer-menu-buttons {
  display: none !important;
}

/* スマホで「トップへ戻る」ボタンが非表示にならないように */
@media screen and (max-width: 768px) {
  .go-to-top-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

  /* 「本文のみ」設定時にトップボタンが消える問題のスマホ向け対策 */
  #page-top {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  
}