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


/************************************
 * もてたい男の副業メソッド 独自スタイル
 * 追加日: 2026-09-17
 ************************************/
:root{
  --hn-navy:#1d2b45;
  --hn-navy-d:#152134;
  --hn-accent:#ff7a4d;
  --hn-accent-d:#e8612f;
  --hn-marker:#ffe98a;
  --hn-sub:#6b7280;
  --hn-br:#e5e5e0;
}

/* ---- グローバルナビ ---- */
#navi{background:var(--hn-navy)}
#navi .navi-in > ul > li > a{background:var(--hn-navy);color:#fff;font-weight:700;letter-spacing:.04em}
#navi .navi-in > ul > li > a:hover{background:var(--hn-navy-d);color:#fff}
#navi .navi-in > ul > li.menu-item-has-children > a::after{color:#fff}

/* ---- 記事見出し ---- */
.article h2{background:var(--hn-navy);color:#fff;padding:14px 20px;border-radius:5px;border:none;font-size:21px;line-height:1.5}
.article h3{border-left:6px solid var(--hn-accent);border-bottom:none;padding:2px 0 2px 12px;font-size:19px}

/* ---- LP（トップ固定ページ）---- */
.hn-lp{font-size:16px;line-height:1.9}
.hn-lp .hn-hook{font-size:25px;font-weight:800;line-height:1.55;margin:0 0 22px;
  border-bottom:4px solid var(--hn-accent);padding-bottom:14px;background:none;color:inherit;border-radius:0}
.hn-lp .hn-prof{display:flex;gap:18px;align-items:flex-start;margin:22px 0 26px;
  background:#fffaf6;border:1px solid #ffe2d2;border-radius:6px;padding:18px}
.hn-lp .hn-prof .hn-ava{width:88px;height:88px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#ffe0c2,#ffb98a);display:grid;place-items:center;font-size:36px}
.hn-lp .hn-prof p{margin:0;font-size:15px;line-height:1.85}
.hn-lp .hn-name{font-weight:800;font-size:16px;display:block;margin-bottom:4px}
.hn-lp .hn-mk{background:linear-gradient(transparent 62%,var(--hn-marker) 62%);font-weight:700}
.hn-lp .hn-st{font-weight:800}

.hn-lp .hn-learn{background:#f4f6fa;border-left:5px solid var(--hn-navy);border-radius:0 6px 6px 0;padding:20px 24px;margin:24px 0}
.hn-lp .hn-learn h3{margin:0 0 10px;font-size:17px;border:none;padding:0}
.hn-lp .hn-learn ul{margin:0;padding-left:22px}
.hn-lp .hn-learn li{margin:6px 0;font-weight:700}

.hn-lp .hn-band{margin:44px 0 20px;background:var(--hn-navy);color:#fff;font-size:19px;font-weight:800;
  padding:14px 20px;border-radius:5px;line-height:1.5;border:none}
.hn-lp .hn-band.hn-green{background:#0b8f43}
.hn-lp .hn-band.hn-orange{background:var(--hn-accent-d)}

.hn-lp .hn-cta{background:#f2fbf5;border:2px solid #b7e6c9;border-radius:8px;padding:26px 24px;margin:20px 0}
.hn-lp .hn-cta h3{margin:0 0 10px;font-size:19px;border:none;padding:0}
.hn-lp .hn-cta p{margin:0 0 16px;font-size:15px}
.hn-lp .hn-btn-line{display:block;max-width:400px;margin:0 auto;background:#06c755;color:#fff;text-align:center;
  text-decoration:none;font-weight:800;font-size:17px;padding:16px 20px;border-radius:999px;box-shadow:0 4px 0 #04a045}
.hn-lp .hn-btn-line:hover{transform:translateY(2px);box-shadow:0 2px 0 #04a045;color:#fff}
.hn-lp .hn-note{text-align:center;font-size:12px;color:var(--hn-sub);margin:12px 0 0}

.hn-lp .hn-bcard{display:flex;gap:16px;border:1px solid var(--hn-br);border-radius:6px;background:#fff;
  padding:14px;margin:14px 0;text-decoration:none;color:inherit}
.hn-lp .hn-bcard:hover{background:#fcfcfa;color:inherit}
.hn-lp .hn-bcard .hn-thumb{width:150px;height:100px;flex:none;border-radius:4px;
  background:linear-gradient(135deg,#dfe6f0,#c9d4e4);display:grid;place-items:center;font-size:28px;color:#8899b0}
.hn-lp .hn-bcard .hn-t{font-size:15px;font-weight:800;line-height:1.5;margin:0 0 6px}
.hn-lp .hn-bcard .hn-ex{font-size:12.5px;color:var(--hn-sub);line-height:1.7;margin:0}
.hn-lp .hn-bcard .hn-dom{font-size:11px;color:#9aa1ab;margin:8px 0 0}

.hn-lp .hn-pr{font-size:12px;color:var(--hn-sub);background:#f0f0ec;border-radius:4px;padding:8px 12px;margin:18px 0 0}

@media screen and (max-width:600px){
  .hn-lp .hn-hook{font-size:20px}
  .hn-lp .hn-band{font-size:16px}
  .hn-lp .hn-prof{flex-direction:column;align-items:center;text-align:center}
  .hn-lp .hn-bcard{flex-direction:column}
  .hn-lp .hn-bcard .hn-thumb{width:100%;height:150px}
}


/* ---- トップページ（LP）専用の表示調整 ---- */
.front-top-page #sidebar{display:none !important}
.front-top-page #main{width:100% !important;max-width:880px;float:none !important;margin:0 auto !important}
.front-top-page .entry-title,
.front-top-page .date-tags,
.front-top-page .post-date,
.front-top-page .sns-share,
.front-top-page .toc,
.front-top-page #toc,
.front-top-page .entry-categories-tags,
.front-top-page .page-link,
.front-top-page .under-entry-content .footer-meta{display:none !important}
.front-top-page .article{padding-top:6px}