@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
*/

/************************************
** 時短家事 ポップデザイン (2026-10)
************************************/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap');
:root{
  --kh-main:#ff8a3d;
  --kh-main-dark:#f06a12;
  --kh-sub:#ffd23f;
  --kh-accent:#2ec4b6;
  --kh-bg:#fff8ef;
  --kh-text:#4a3b32;
  --kh-radius:16px;
}
body{background:var(--kh-bg);color:var(--kh-text);}
body, .entry-title, .article h2, .article h3{font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;}
a{color:var(--kh-main-dark);}

/* ---------- ヘッダー ---------- */
#header-container, #header-container .navi, #navi .navi-in > .menu-header .sub-menu{background:transparent;}
.header{background:linear-gradient(135deg,#ff9a4d 0%,#ffb84d 55%,#ffd23f 100%);position:relative;overflow:hidden;}
.header::before,.header::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.18);}
.header::before{width:260px;height:260px;top:-120px;left:-60px;}
.header::after{width:200px;height:200px;bottom:-110px;right:6%;}
.header-in{min-height:150px;position:relative;z-index:1;}
.logo-header{padding:28px 0 22px;}
.site-name-text{color:#fff !important;font-weight:800;font-size:44px;letter-spacing:.08em;text-shadow:0 3px 0 rgba(240,106,18,.35);}
.site-name-text::before{content:"🏠 ";}
.tagline{color:#fff;font-weight:700;font-size:15px;background:rgba(255,255,255,.22);display:inline-block;padding:4px 16px;border-radius:999px;margin:0 auto 0;}
/* ナビ */
#navi{background:#fff;box-shadow:0 4px 14px rgba(255,138,61,.15);}
#navi .navi-in a{color:var(--kh-text);font-weight:700;transition:.2s;}
#navi .navi-in > ul > li > a:hover{background:var(--kh-bg);color:var(--kh-main-dark);}
#navi .navi-in > ul > li > a::after{content:"";display:block;height:3px;width:0;margin:0 auto;background:var(--kh-main);border-radius:3px;transition:.2s;}
#navi .navi-in > ul > li > a:hover::after{width:60%;}

/* ---------- 記事カード ---------- */
.main{background:transparent;border:none;padding:0;}
.entry-card-wrap{background:#fff;border-radius:var(--kh-radius);box-shadow:0 4px 16px rgba(74,59,50,.08);padding:14px;margin-bottom:18px;transition:transform .2s, box-shadow .2s;}
.entry-card-wrap:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(255,138,61,.22);background:#fff;}
.entry-card-thumb img{border-radius:12px;}
.entry-card-title{font-weight:700;color:var(--kh-text);}
.cat-label{background:var(--kh-main);border:none;border-radius:999px;padding:2px 10px;font-weight:700;top:8px;left:8px;}
.entry-card-meta .post-date, .entry-card-snippet{color:#8a7a70;}

/* ---------- 記事本文 ---------- */
.single .main, .page .main{background:#fff;border-radius:var(--kh-radius);padding:32px 36px;box-shadow:0 4px 16px rgba(74,59,50,.06);}
.entry-title{font-weight:800;line-height:1.5;}
.article h2{background:var(--kh-main);color:#fff;border-radius:12px;padding:14px 20px;border:none;position:relative;}
.article h2::after{content:"";position:absolute;left:30px;bottom:-10px;border:10px solid transparent;border-top-color:var(--kh-main);border-bottom:0;}
.article h3{border:none;border-left:6px solid var(--kh-sub);background:#fffaf0;padding:10px 16px;border-radius:0 10px 10px 0;}
.article table{border-radius:10px;overflow:hidden;}
.article th{background:#ffe9d6;}
.article ol li::marker,.article ul li::marker{color:var(--kh-main);font-weight:700;}
.pr-note{font-size:13px;color:#8a7a70;background:#f6f1ea;border-radius:8px;padding:6px 12px;margin-bottom:1.6em;}
.small-note{font-size:13px;color:#8a7a70;}

/* BASE FOOD CTA */
.bf-cta{position:relative;background:linear-gradient(135deg,#fff6e0,#ffe9d6);border:3px dashed var(--kh-main);border-radius:20px;padding:28px 24px 18px;margin:2.4em 0;text-align:center;}
.bf-cta .bf-cta-label{position:absolute;top:-14px;left:20px;margin:0;background:var(--kh-sub);color:var(--kh-text);font-weight:800;font-size:12px;padding:2px 12px;border-radius:999px;}
.bf-cta .bf-cta-title{font-size:1.25em;font-weight:800;color:var(--kh-main-dark);margin-bottom:.6em;}
.bf-cta-btn{display:inline-block;background:linear-gradient(180deg,#ff9a4d,#f06a12);color:#fff !important;font-weight:800;text-decoration:none;padding:14px 34px;border-radius:999px;box-shadow:0 5px 0 #c9540b;transition:.15s;margin:.4em 0 .8em;}
.bf-cta-btn:hover{transform:translateY(3px);box-shadow:0 2px 0 #c9540b;}
.bf-cta .bf-cta-note{font-size:12px;color:#8a7a70;margin:0;}

/* ---------- サイドバー ---------- */
.sidebar{background:transparent;padding:0;}
.sidebar .widget{background:#fff;border-radius:var(--kh-radius);padding:18px;box-shadow:0 4px 16px rgba(74,59,50,.06);margin-bottom:20px;}
.sidebar h3{background:none;color:var(--kh-text);border:none;border-bottom:3px solid var(--kh-sub);padding:4px 0 8px;font-weight:800;}
.sidebar h3::before{content:"● ";color:var(--kh-main);}
.search-submit{background:var(--kh-main);border-radius:0 8px 8px 0;}

/* ---------- トップページ ---------- */
.home.page .entry-title, .home.page .date-tags, .home.page .sns-share, .home.page .sns-follow, .home.page .author-info, .home.page .article-footer{display:none;}
.home.page .main{background:transparent;box-shadow:none;padding:0;}
.kh-hero{background:#fff;border-radius:24px;padding:36px 32px;display:flex;gap:24px;align-items:center;box-shadow:0 6px 20px rgba(255,138,61,.15);margin-bottom:28px;position:relative;overflow:hidden;}
.kh-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:#fff1c2;z-index:0;}
.kh-hero-text{position:relative;z-index:1;flex:1;}
.kh-hero-emoji{font-size:72px;position:relative;z-index:1;}
.kh-hero h2.kh-hero-title{background:none !important;color:var(--kh-text) !important;padding:0 !important;margin:0 0 .4em !important;font-size:28px;line-height:1.5;border:none;}
.kh-hero h2.kh-hero-title::after{display:none;}
.kh-hero h2.kh-hero-title span{background:linear-gradient(transparent 60%,#ffe08a 60%);}
.kh-hero p{margin:0;}
.kh-sec-title{font-size:22px !important;font-weight:800;background:none !important;color:var(--kh-text) !important;padding:0 0 0 14px !important;border-left:6px solid var(--kh-main) !important;border-radius:0 !important;margin:36px 0 16px !important;}
.kh-sec-title::after{display:none !important;}
.kh-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.kh-cat{display:block;background:#fff;border-radius:var(--kh-radius);padding:20px 14px;text-align:center;text-decoration:none !important;color:var(--kh-text) !important;box-shadow:0 4px 14px rgba(74,59,50,.07);transition:.2s;border-top:5px solid var(--c,#ff8a3d);}
.kh-cat:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(255,138,61,.2);}
.kh-cat .ico{font-size:40px;display:block;}
.kh-cat .nm{font-weight:800;display:block;margin:6px 0 2px;}
.kh-cat .ds{font-size:12px;color:#8a7a70;}
.kh-bf{display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#2ec4b6,#7ee0c9);color:#fff;border-radius:24px;padding:26px 28px;margin:32px 0;box-shadow:0 6px 20px rgba(46,196,182,.25);}
.kh-bf .ico{font-size:60px;}
.kh-bf .tx{flex:1;}
.kh-bf .tt{font-weight:800;font-size:20px;margin:0 0 4px;}
.kh-bf p{margin:0;}
.kh-bf .pr{display:inline-block;background:rgba(255,255,255,.3);font-size:11px;padding:1px 8px;border-radius:999px;margin-bottom:6px;}
.kh-bf a.btn{display:inline-block;background:#fff;color:#1a9e92 !important;font-weight:800;padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 rgba(0,0,0,.12);}
.kh-more{text-align:center;margin-top:8px;}
.kh-more a{display:inline-block;border:2px solid var(--kh-main);color:var(--kh-main-dark) !important;border-radius:999px;padding:8px 26px;font-weight:700;text-decoration:none;background:#fff;}
.kh-more a:hover{background:var(--kh-main);color:#fff !important;}
.home.page .new-entry-cards.large-thumb{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.home.page .new-entry-cards.large-thumb .widget-entry-card-link{background:#fff;border-radius:var(--kh-radius);overflow:hidden;box-shadow:0 4px 14px rgba(74,59,50,.07);transition:.2s;display:block;}
.home.page .new-entry-cards.large-thumb .widget-entry-card-link:hover{transform:translateY(-3px);}
.home.page .new-entry-cards.large-thumb .new-entry-card{margin:0;}
.home.page .new-entry-cards.large-thumb .new-entry-card-content{padding:10px 12px 14px;}
.home.page .new-entry-cards.large-thumb .new-entry-card-title{font-weight:700;font-size:14px;line-height:1.5;}

/* ---------- フッター ---------- */
.footer{background:#4a3b32;color:#fff;border-top:6px solid var(--kh-sub);}
.footer a, .footer .navi-footer-in a, .copyright{color:#ffe9d6 !important;}

/************************************
** レスポンシブ
************************************/
@media screen and (max-width: 834px){
  .site-name-text{font-size:32px;}
  .header-in{min-height:110px;}
  .tagline{font-size:12px;}
  .single .main, .page .main{padding:20px 16px;}
  .kh-hero{padding:24px 20px;}
  .kh-hero h2.kh-hero-title{font-size:21px;}
  .kh-hero-emoji{display:none;}
  .kh-cats{grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .kh-cat{padding:14px 6px;}
  .kh-cat .ico{font-size:30px;}
  .kh-cat .ds{display:none;}
  .kh-bf{flex-direction:column;text-align:center;padding:22px 18px;}
  .home.page .new-entry-cards.large-thumb{grid-template-columns:1fr 1fr;}
}
@media screen and (max-width: 480px){
  .site-name-text{font-size:28px;}
  .kh-cat .nm{font-size:13px;}
  .entry-card-wrap{padding:10px;}
}

/* ---------- 追加調整 ---------- */
.home.page .toc{display:none;}
.sidebar h2, .sidebar h3, .sidebar .wp-block-heading{background:none !important;color:var(--kh-text);border:none;border-bottom:3px solid var(--kh-sub);padding:4px 0 8px;font-weight:800;font-size:17px;margin-top:0;}
.sidebar h2::before, .sidebar .wp-block-heading::before{content:"● ";color:var(--kh-main);}
.sidebar .wp-block-search__label{font-weight:800;}
.sidebar .wp-block-search__button{background:var(--kh-main);color:#fff;border:none;border-radius:8px;}
.sidebar .wp-block-latest-posts li{display:flow-root;padding:8px 0;border-bottom:1px dashed #f0e2d4;font-size:14px;line-height:1.5;}
.sidebar .wp-block-latest-posts li a{color:var(--kh-text);font-weight:700;text-decoration:none;}
.sidebar .wp-block-latest-posts__featured-image img{border-radius:8px;object-fit:cover;}
.sidebar .wp-block-categories li a{color:var(--kh-text);font-weight:700;}
.sidebar .widget:has(.kh-side-bf){background:transparent;box-shadow:none;padding:0;}
.kh-side-bf{position:relative;background:linear-gradient(160deg,#2ec4b6,#7ee0c9);color:#fff;border-radius:18px;padding:22px 18px;text-align:center;box-shadow:0 6px 18px rgba(46,196,182,.25);}
.kh-side-bf .pr{position:absolute;top:10px;left:12px;background:rgba(255,255,255,.3);font-size:11px;padding:1px 8px;border-radius:999px;}
.kh-side-bf .ico{font-size:48px;}
.kh-side-bf .tt{font-weight:800;font-size:18px;margin:4px 0 6px;line-height:1.4;}
.kh-side-bf .ds{font-size:13px;margin-bottom:12px;}
.kh-side-bf .btn{display:inline-block;background:#fff;color:#1a9e92 !important;font-weight:800;padding:10px 22px;border-radius:999px;text-decoration:none;}
.home.page .kh-cats br, .home.page .kh-hero br + br{display:none;}