@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;
}


/* Cocoonタブラベルの公開表示補完（編集画面と公開画面の差異を解消） */
.blank-box.bb-tab:not(:has(.bb-label))::after {
  position: absolute;
  top: -27px;
  left: -3px;
  display: block;
  height: 24px;
  padding: 0 1em 0 0.8em;
  border-radius: 6px 6px 0 0;
  background-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-white-color);
  font-family: "Font Awesome 5 Free", Aharoni, "Arial Black", Impact, Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 24px;
  white-space: pre;
}
.blank-box.bb-tab.bb-check:not(:has(.bb-label))::after { content: "\f00c\00a0CHECK"; }
.blank-box.bb-tab.bb-comment:not(:has(.bb-label))::after { content: "\f075\00a0COMMENT"; }
.blank-box.bb-tab.bb-point:not(:has(.bb-label))::after { content: "\f0eb\00a0POINT"; }
.blank-box.bb-tab.bb-tips:not(:has(.bb-label))::after { content: "\f19d\00a0TIPS"; }
.blank-box.bb-tab.bb-hint:not(:has(.bb-label))::after { content: "\f0f3\00a0HINT"; }
.blank-box.bb-tab.bb-pickup:not(:has(.bb-label))::after { content: "\f005\00a0PICKUP"; }
.blank-box.bb-tab.bb-bookmark:not(:has(.bb-label))::after { content: "\f02e\00a0BOOKMARK"; }
.blank-box.bb-tab.bb-memo:not(:has(.bb-label))::after { content: "\f244\00a0MEMO"; }
.blank-box.bb-tab.bb-download:not(:has(.bb-label))::after { content: "\f019\00a0DOWNLOAD"; }
.blank-box.bb-tab.bb-break:not(:has(.bb-label))::after { content: "\f0f4\00a0BREAK"; }
.blank-box.bb-tab.bb-amazon:not(:has(.bb-label))::after { content: "\f270\00a0AMAZON"; }
.blank-box.bb-tab.bb-ok:not(:has(.bb-label))::after { content: "\f111\00a0OK"; }
.blank-box.bb-tab.bb-ng:not(:has(.bb-label))::after { content: "\f00d\00a0NG"; }
.blank-box.bb-tab.bb-good:not(:has(.bb-label))::after { content: "\f164\00a0GOOD"; }
.blank-box.bb-tab.bb-bad:not(:has(.bb-label))::after { content: "\f165\00a0BAD"; }
.blank-box.bb-tab.bb-profile:not(:has(.bb-label))::after { content: "\f007\00a0PROFILE"; }

/* Cocoonタブラベルの公開表示補完 */
.blank-box.bb-tab.has-red-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-red-color); }
.blank-box.bb-tab.has-pink-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-pink-color); }
.blank-box.bb-tab.has-purple-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-purple-color); }
.blank-box.bb-tab.has-blue-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-blue-color); }
.blank-box.bb-tab.has-green-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-green-color); }
.blank-box.bb-tab.has-orange-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-orange-color); }
.blank-box.bb-tab.has-yellow-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-yellow-color); }
.blank-box.bb-tab.has-brown-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-brown-color); }
.blank-box.bb-tab.has-grey-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-grey-color); }
.blank-box.bb-tab.has-black-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-black-color); }
.blank-box.bb-tab.has-deep-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-deep-color); }
.blank-box.bb-tab.has-indigo-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-indigo-color); }
.blank-box.bb-tab.has-light-blue-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-light-blue-color); }
.blank-box.bb-tab.has-cyan-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-cyan-color); }
.blank-box.bb-tab.has-teal-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-teal-color); }
.blank-box.bb-tab.has-light-green-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-light-green-color); }
.blank-box.bb-tab.has-lime-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-lime-color); }
.blank-box.bb-tab.has-amber-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-amber-color); }
.blank-box.bb-tab.has-deep-orange-border-color:not(:has(.bb-label))::after { background-color: var(--cocoon-deep-orange-color); }