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


/* ワンダーウォール記事：濃紺ブロックを案内トーンへ統一 */
body.postid-15 .article-body .toc{background:#fff!important;color:#1F2933!important;border-color:#D8E2EA!important}body.postid-15 .article-body .toc{border-top:4px solid #007C78!important}body.postid-15 .article-body .toc li,body.postid-15 .article-body .toc a{color:#173B5C!important}

/* ワンダーウォール記事：本文に残る旧テンプレート（濃紺）をテーマ配色で上書き */
body.postid-15 .article-body{background:#FFFFFF!important;border:1px solid #D8E2EA!important;color:#1F2933!important}


body.postid-15 .article-body a{color:#007C78!important}
body.postid-15 .article-body [style*="#0f172a" i],body.postid-15 .article-body [style*="#1e293b" i],body.postid-15 .article-body [style*="#1a2a4a" i]{background:#FFFFFF!important;color:#1F2933!important;border-color:#D8E2EA!important}
body.postid-15 .article-body [style*="#1e293b" i] a,body.postid-15 .article-body [style*="#1a2a4a" i] a{color:#007C78!important}
body.postid-15 .article-body blockquote,body.postid-15 .article-body .wp-block-quote,body.postid-15 .article-body .wp-block-pullquote{background:#FFF7E6!important;border-color:#F0D29A!important;color:#1F2933!important}

/* ワンダーウォール記事：旧テンプレートのID指定・表セル指定を上書き */
body.postid-15.custom-directory .article-body #toc.toc{background:#FFFFFF!important;color:#173B5C!important;border-color:#D8E2EA!important}


/* ワンダーウォール記事：総合ランキング1位CTAを案内トーンへ統一 */
body.postid-15.custom-directory .article-body .cv-button-box{background:#FFFFFF!important;border:1px solid #D8E2EA!important;border-top:4px solid #007C78!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(23,59,92,.10)!important;color:#1F2933!important}
body.postid-15.custom-directory .article-body .cv-button-box h3{color:#173B5C!important;border:0!important;background:transparent!important}
body.postid-15.custom-directory .article-body .cv-button-box p{color:#1F2933!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-badge{background:#FBBF24!important;color:#173B5C!important}
body.postid-15.custom-directory .article-body .cv-button-box img{border-color:#D8E2EA!important;background:#FFFFFF!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-link{background:#007C78!important;border-color:#007C78!important;color:#FFFFFF!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-link:hover{background:#006560!important;border-color:#006560!important}


/* コラム・カテゴリ共通：左サイドバー見出しの左右余白を統一 */
body.custom-directory .left-sidebar .nav-title{padding-left:10px!important;padding-right:10px!important}


/* 副業詐欺記事：ワンダーウォール記事と同じ、落ち着いて相談先を比較できる案内トーン */
body.postid-4762.custom-directory .article-body{background:#FFFFFF!important;border:1px solid #D8E2EA!important;color:#1F2933!important}
body.postid-4762.custom-directory .article-body h1,body.postid-4762.custom-directory .article-body h2,body.postid-4762.custom-directory .article-body h3{color:#173B5C!important}
body.postid-4762.custom-directory .article-body p,body.postid-4762.custom-directory .article-body li{color:#1F2933!important}
body.postid-4762.custom-directory .article-body a{color:#007C78!important}
body.postid-4762.custom-directory .article-body #toc.toc,body.postid-4762.custom-directory .article-body .hs-tr{background:#FFFFFF!important;color:#1F2933!important;border-color:#D8E2EA!important}
body.postid-4762.custom-directory .article-body #toc.toc a{color:#173B5C!important}
body.postid-4762.custom-directory .article-body .hs-toc-link{background:#F7FAFC!important;color:#173B5C!important;border-color:#D8E2EA!important}
body.postid-4762.custom-directory .article-body .hs-toc-link *{color:inherit!important}
body.postid-4762.custom-directory .article-body [style*="#0f172a" i],body.postid-4762.custom-directory .article-body [style*="#1e293b" i],body.postid-4762.custom-directory .article-body [style*="#1a2a4a" i]{background:#F7FAFC!important;color:#1F2933!important;border-color:#D8E2EA!important}
body.postid-4762.custom-directory .article-body [style*="#0f172a" i] *,body.postid-4762.custom-directory .article-body [style*="#1e293b" i] *,body.postid-4762.custom-directory .article-body [style*="#1a2a4a" i] *{color:#1F2933!important}
body.postid-4762.custom-directory .article-body blockquote,body.postid-4762.custom-directory .article-body .wp-block-quote,body.postid-4762.custom-directory .article-body .wp-block-pullquote{background:#FFF7E6!important;border-color:#F0D29A!important;color:#1F2933!important}
body.postid-4762.custom-directory .article-body .cv-button-box{background:#FFFFFF!important;border:1px solid #D8E2EA!important;border-top:4px solid #007C78!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(23,59,92,.10)!important;color:#1F2933!important}
body.postid-4762.custom-directory .article-body .cv-button-box h3{color:#173B5C!important;border:0!important;background:transparent!important}
body.postid-4762.custom-directory .article-body .cv-button-box p{color:#1F2933!important}
body.postid-4762.custom-directory .article-body .cv-button-box .cv-button-badge{background:#FBBF24!important;color:#173B5C!important}
body.postid-4762.custom-directory .article-body .cv-button-box img{border-color:#D8E2EA!important;background:#FFFFFF!important}
body.postid-4762.custom-directory .article-body .cv-button-box .cv-button-link{background:#007C78!important;border-color:#007C78!important;color:#FFFFFF!important}
body.postid-4762.custom-directory .article-body .cv-button-box .cv-button-link:hover{background:#006560!important;border-color:#006560!important}
@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){
  /*必要ならばここにコードを書く*/
}


/* ワンダーウォール記事：濃紺ブロックを案内トーンへ統一 */
body.postid-15 .article-body .toc{background:#fff!important;color:#1F2933!important;border-color:#D8E2EA!important}body.postid-15 .article-body .toc{border-top:4px solid #007C78!important}body.postid-15 .article-body .toc li,body.postid-15 .article-body .toc a{color:#173B5C!important}

/* ワンダーウォール記事：本文に残る旧テンプレート（濃紺）をテーマ配色で上書き */
body.postid-15 .article-body{background:#FFFFFF!important;border:1px solid #D8E2EA!important;color:#1F2933!important}


body.postid-15 .article-body a{color:#007C78!important}
body.postid-15 .article-body [style*="#0f172a" i],body.postid-15 .article-body [style*="#1e293b" i],body.postid-15 .article-body [style*="#1a2a4a" i]{background:#FFFFFF!important;color:#1F2933!important;border-color:#D8E2EA!important}
body.postid-15 .article-body [style*="#1e293b" i] a,body.postid-15 .article-body [style*="#1a2a4a" i] a{color:#007C78!important}
body.postid-15 .article-body blockquote,body.postid-15 .article-body .wp-block-quote,body.postid-15 .article-body .wp-block-pullquote{background:#FFF7E6!important;border-color:#F0D29A!important;color:#1F2933!important}

/* ワンダーウォール記事：旧テンプレートのID指定・表セル指定を上書き */
body.postid-15.custom-directory .article-body #toc.toc{background:#FFFFFF!important;color:#173B5C!important;border-color:#D8E2EA!important}


/* ワンダーウォール記事：総合ランキング1位CTAを案内トーンへ統一 */
body.postid-15.custom-directory .article-body .cv-button-box{background:#FFFFFF!important;border:1px solid #D8E2EA!important;border-top:4px solid #007C78!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(23,59,92,.10)!important;color:#1F2933!important}
body.postid-15.custom-directory .article-body .cv-button-box h3{color:#173B5C!important;border:0!important;background:transparent!important}
body.postid-15.custom-directory .article-body .cv-button-box p{color:#1F2933!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-badge{background:#FBBF24!important;color:#173B5C!important}
body.postid-15.custom-directory .article-body .cv-button-box img{border-color:#D8E2EA!important;background:#FFFFFF!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-link{background:#007C78!important;border-color:#007C78!important;color:#FFFFFF!important}
body.postid-15.custom-directory .article-body .cv-button-box .cv-button-link:hover{background:#006560!important;border-color:#006560!important}


/* コラム・カテゴリ共通：左サイドバー見出しの左右余白を統一 */
body.custom-directory .left-sidebar .nav-title{padding-left:10px!important;padding-right:10px!important}


/* ============================================================
 * Lion shared article tonal foundation (2026-07-29)
 * Per-article custom HTML/CSS is migrated separately during each rewrite.
 * ============================================================ */
:root {
  --lion-body: #1F2933;
  --lion-heading: #173B5C;
  --lion-teal: #007C78;
  --lion-teal-hover: #006560;
  --lion-soft: #F7FAFC;
  --lion-toc: #EAF3F6;
  --lion-border: #D8E2EA;
}
body.custom-directory .article-body,
body.custom-directory .article-body p,
body.custom-directory .article-body li,
body.custom-directory .article-body td { color: var(--lion-body); }
body.custom-directory .article-body h1,
body.custom-directory .article-body h2,
body.custom-directory .article-body h3,
body.custom-directory .article-body h4 { color: var(--lion-heading); }
body.custom-directory .article-body a { color: var(--lion-teal); }
body.custom-directory .article-body #toc.toc { background:#FFFFFF; border:1px solid var(--lion-border); border-top:4px solid var(--lion-teal); border-radius:8px; }
body.custom-directory .article-body #toc.toc .toc-title { display:block; margin:0 0 12px; padding:10px 14px; background:var(--lion-toc); color:var(--lion-heading); font-weight:700; }
body.custom-directory .article-body #toc.toc a,
body.custom-directory .article-body #toc.toc .toc-number { color:var(--lion-heading); }
body.custom-directory .article-body th { background:var(--lion-soft); color:var(--lion-heading); border-color:var(--lion-border); }
body.custom-directory .article-body td { background:#FFFFFF; border-color:var(--lion-border); }
body.custom-directory .article-body .btn-wrap a,
body.custom-directory .article-body a.btn { background:var(--lion-teal); border-color:var(--lion-teal); color:#FFFFFF; }
body.custom-directory .article-body .btn-wrap a:hover,
body.custom-directory .article-body a.btn:hover { background:var(--lion-teal-hover); border-color:var(--lion-teal-hover); color:#FFFFFF; }
body.custom-directory .article-body .faq { border-color:var(--lion-border); }
body.custom-directory .article-body .faq-question { background:var(--lion-toc); color:var(--lion-heading); }
body.custom-directory .article-body .faq-answer { background:#FFFFFF; color:var(--lion-body); }



/* Cocoon吹き出し：編集画面の標準アイコン表示に同期 */
.article-body .speech-wrap .speech-icon-image {
  border: 1px solid #ccc !important;
  border-radius: 50% !important;
  background: #fff !important;
}

/* Cocoon吹き出し：アイコンに対して本文を縦中央へ配置 */
.article-body .speech-wrap {
  align-items: center;
}