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


/*============================================================
  AI副業ラボ ブランドUI 2026-07-05（紺×青／CTAオレンジ）
============================================================*/
:root{
  --brand-navy:#0d2340;
  --brand-navy2:#16345a;
  --brand-blue:#2f6fb0;
  --brand-blue-d:#21507f;
  --brand-blue-l:#eef4fb;
  --brand-cta:#e8720c;
}
/* --- グローバルナビ（紺ベース） --- */
#navi{ background:var(--brand-navy); border:none; }
#navi .navi-in > ul > li > a,
#navi .navi-in ul li a{ color:#e8f0fa; font-weight:600; }
#navi .navi-in > ul > li > a:hover,
#navi .navi-in ul li a:hover{ background:var(--brand-navy2); color:#fff; }
#navi .navi-in .sub-menu{ background:var(--brand-navy2); }
#navi .navi-in .sub-menu li a{ color:#e8f0fa; }
#navi .navi-in .sub-menu li a:hover{ background:var(--brand-navy); }
/* --- 見出し --- */
.entry-content h2{
  background:var(--brand-blue-l);
  border-left:6px solid var(--brand-blue);
  border-bottom:none;
  color:var(--brand-navy);
  border-radius:0 4px 4px 0;
  padding:.55em .8em;
}
.entry-content h3{
  border-left:5px solid var(--brand-blue);
  border-bottom:1px solid #e3e9f0;
  color:var(--brand-navy2);
  padding:.2em .6em;
}
/* --- 本文リンク（青） --- */
.entry-content a{ color:var(--brand-blue); }
.entry-content a:hover{ color:var(--brand-blue-d); }
/* --- カテゴリラベル（紺ピル） --- */
.cat-label, .cat-labels .cat-label, a.cat-label{
  background:var(--brand-navy) !important;
  color:#fff !important;
  border:1px solid var(--brand-navy) !important;
}
/* --- カード hover 質感 --- */
.entry-card-wrap, .a-wrap, .blogcard, .cta-card{
  transition:box-shadow .2s ease, transform .2s ease;
}
.entry-card-wrap:hover, .a-wrap:hover, .blogcard:hover{
  box-shadow:0 8px 24px rgba(13,35,64,.13);
  transform:translateY(-3px);
}
/* --- サイドバー見出し（青下線） --- */
.sidebar h3, .widget-sidebar-label{
  border-bottom:2px solid var(--brand-blue);
  color:var(--brand-navy);
}
/* ====== トップLP（front-top-page）の整理 ====== */
.front-top-page .entry-title,
.front-top-page .date-tags,
.front-top-page .post-date,
.front-top-page time.post-date,
.front-top-page .sns-share,
.front-top-page .sns-share-message,
.front-top-page .sns-follow,
.front-top-page .toc{ display:none !important; }


/*============================================================
  AI副業ラボ 可読性パス 2026-07-05
============================================================*/
/* 本文の行間・段落余白 */
.entry-content{ line-height:1.9; }
.entry-content p{ margin:0 0 1.4em; }
.entry-content ul, .entry-content ol{ margin:1em 0 1.5em; line-height:1.85; }
.entry-content li{ margin-bottom:.45em; }
/* 見出し前の余白でセクション分離 */
.entry-content h2{ margin-top:2.4em; }
.entry-content h3{ margin-top:1.8em; }
.entry-content h2:first-child, .entry-content > p:first-child{ margin-top:.2em; }
/* 本文リンクは下線で識別 */
.entry-content p a, .entry-content li a{ text-decoration:underline; text-underline-offset:2px; }
/* 内部リンクボックス内リンクは下線オフで見やすく */
.entry-content div[style*="f5f8fc"] a, .entry-content div[data-relbox] a{ text-decoration:none; }
/* 表はモバイルで横スクロール */
@media screen and (max-width:834px){
  .entry-content table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .entry-content{ font-size:16.5px; line-height:1.85; }
  .article h2, .entry-content h2{ font-size:1.2em; }
  #navi .navi-in ul li a{ padding:.9em .4em; }
}
/* フッター紺 */
.footer, #footer{ background:var(--brand-navy); }
.footer, .footer a, #footer, #footer a{ color:#cfe0f0; }

/* LPカード：常時の影＋角丸で立体感（可視性UP） */
.front-top-page .entry-content a[style*="e5e7eb"],
.front-top-page .entry-content div[style*="e5e7eb"]{
  box-shadow:0 3px 16px rgba(13,35,64,.08);
  border-radius:12px;
  transition:box-shadow .2s ease, transform .2s ease;
}
.front-top-page .entry-content a[style*="e5e7eb"]:hover{
  box-shadow:0 10px 28px rgba(13,35,64,.16);
  transform:translateY(-3px);
}

/* LPの空カード（重複アンカー）を非表示＝空ボックス除去 */
.front-top-page .entry-content a[style*="e5e7eb"]:empty{ display:none !important; }