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


/************************************************************
** BEAT PILATES LP とのカラー統一（2026-09-17 追加）
**
** ブログのモノクロ（#333系）配色を、LP
** https://beat-pilates.com/nihonbashi/ と同系のブルーに変更。
** スキン「monochrome」より後に読み込まれる子テーマ側で上書きしているため、
** Cocoon本体・スキンの更新で消えることはありません。
** 元に戻す場合は、この区切り線以下をすべて削除してください。
************************************************************/

:root{
  --bp-navy:#2B4894;   /* LP --blue-d */
  --bp-blue:#3F63B8;   /* LP --blue   */
  --bp-blue-l:#9FC9EA; /* LP --blue-l */
  --bp-frame:#DCEAF7;  /* LP --frame  */
}

/*------ グローバルナビ ------*/
.navi{background-color:var(--bp-navy);}
#navi .navi-in a{background-color:var(--bp-navy);color:#fff;}
#navi .navi-in > ul > li > a:hover,
#navi .navi-in > ul > li.current-menu-item > a{background-color:var(--bp-blue);color:#fff;}

/*------ 記事の見出し ------*/
.article h2{background-color:var(--bp-navy);color:#fff;}
.article h3{border-left-color:var(--bp-navy);border-bottom-color:var(--bp-navy);}
.article h4{border-bottom-color:var(--bp-blue);border-left-color:var(--bp-blue);}
.article h4::before,
.article h4::after{background-color:var(--bp-blue);border-color:var(--bp-blue);}
.article h5::after{background-color:var(--bp-blue);}
.article h6{border-color:var(--bp-blue);}

/*------ サイドバーの見出し ------*/
.sidebar h2,
.sidebar h3{background-color:var(--bp-navy);color:#fff;}
.sidebar h2::after,
.sidebar h3::after{border-top-color:var(--bp-navy);}

/*------ 目次 ------*/
.toc-title{background-color:var(--bp-navy);color:#fff;}
.toc-content{border-color:var(--bp-navy);}

/*------ カテゴリーラベル ------*/
.cat-label{background-color:rgba(43,72,148,.82);border-color:rgba(43,72,148,.82);}
.entry-categories a{background-color:var(--bp-blue);}
.entry-tags a{border-color:var(--bp-blue);color:var(--bp-navy);}

/*------ ボタン・ページャー ------*/
.pagination-next-link,
.comment-btn,
.container input[type="submit"]{background-color:var(--bp-navy);border-color:var(--bp-navy);}
.pagination-next-link:hover,
.comment-btn:hover,
.container input[type="submit"]:hover{background-color:var(--bp-blue);border-color:var(--bp-blue);}
.pager-numbers .page-numbers.current,
.pagination .current,
.comment-page-link .current{background-color:var(--bp-navy);border-color:var(--bp-navy);color:#fff;}
a .page-numbers:not(.page-prev-next),
a.page-numbers:nth-of-type(3n + 1),
a.page-numbers:nth-of-type(3n + 2),
a.page-numbers:nth-of-type(3n + 3){border-color:var(--bp-navy);color:var(--bp-navy);}

/*------ 記事カード・ブログカードの枠線 ------*/
.entry-card-wrap.a-wrap:nth-of-type(3n + 1),
.entry-card-wrap.a-wrap:nth-of-type(3n + 2),
.entry-card-wrap.a-wrap:nth-of-type(3n + 3),
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 1),
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 2),
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 3){border-color:var(--bp-navy);}
.entry-card-wrap.a-wrap:nth-of-type(3n + 1):before,
.entry-card-wrap.a-wrap:nth-of-type(3n + 2):before,
.entry-card-wrap.a-wrap:nth-of-type(3n + 3):before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 1):before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 2):before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n + 3):before{background-color:var(--bp-navy);}
.blogcard-wrap.a-wrap,
.prev-post.a-wrap,
.next-post.a-wrap{border-color:var(--bp-navy);}

/*------ テーブル ------*/
table th,
.scrollable-table th{background-color:var(--bp-frame);}

/*------ モバイルメニュー・トップへ戻る ------*/
.mobile-menu-buttons{background-color:var(--bp-navy);}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons a{color:#fff;}
.go-to-top a,
.go-to-top-button,
.page-top{background-color:var(--bp-navy);color:#fff;}

/*------ 本文中のリンク ------*/
.entry-content a{color:var(--bp-navy);}
.entry-content a:hover{color:var(--bp-blue);}