/*!
Theme Name: Cocoon Child
Template: cocoon-master
*/

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');

/* フォント */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, textarea {
  font-family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', 'Hiragino Kaku Gothic ProN', sans-serif !important;
}

/* 背景 */
body { background-color: #ffffff !important; }

/* ヘッダー */
#header,
#header .header-container,
#header .header-container-in,
.header-container,
.header-container-in,
[id="header"] {
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(91,184,232,0.2) !important;
}

#site-name a, #site-name, .site-name-text {
  color: #1a6fa8 !important;
}

#site-description, .site-description {
  color: #5bb8e8 !important;
}

/* ナビ */
#navi, .navi {
  background-color: #5bb8e8 !important;
}

#navi .navi-in > ul > li > a,
.navi-in > ul > li > a {
  color: #ffffff !important;
  font-weight: 600;
}

#navi .navi-in > ul > li:hover > a,
.navi-in > ul > li:hover > a {
  background-color: #3a9fd4 !important;
}

/* ボタン（丸く） */
.wp-block-button__link,
.wp-element-button,
.btn, .button {
  border-radius: 50px !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(91,184,232,0.45) !important;
}

#post-590 .entry-content a {
  border-radius: 50px !important;
}

/* カバーブロック（紺色オーバーレイ → スカイブルーに） */
.wp-block-cover .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__background {
  background-color: #2a7fb5 !important;
  opacity: 0.72 !important;
}

/* フッター */
#footer {
  background-color: #e8f6fd !important;
  color: #1a6fa8 !important;
}

#footer a {
  color: #1a6fa8 !important;
}

/* ウィジェットタイトル */
.widget_title, .widgettitle {
  background-color: #5bb8e8 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}



/* ヘッダーエリアだけクリーム色 */
#header, .header-container, .header-container-in {
  background-color: #faecd8 !important;
  background-image: none !important;
}


/* ===== ヘッダー調整：ロゴ左・白で統一（2026-07-02） ===== */
#header-container{background:#fff;border-bottom:1px solid #E8E2D5}
.hlt-top-menu .header-in{display:flex;align-items:center;min-height:72px}
.hlt-top-menu #navi,.hlt-tm-right #navi,#navi,#navi .navi-in>ul{background:#fff!important}
#header-container #navi .navi-in>ul>li>a{background:transparent!important;border:none!important;color:#2d6a4f!important;font-weight:700;border-radius:8px}
#header-container #navi .navi-in>ul>li>a:hover{background:#EAF3EE!important;color:#1b4a35!important}
#header-container #navi .navi-in>ul .current_page_item>a,#header-container #navi .navi-in>ul .current-menu-item>a{background:#2d6a4f!important;color:#fff!important;border-radius:999px}


/* ヘッダーロゴ（横長ロゴ画像 2026-07-03） */
.header-site-logo-image{width:auto!important;height:auto!important;max-height:64px;margin:0!important}
#header .logo,#header .logo-header,#header .site-name,#header .site-name-text{height:auto!important;overflow:visible!important;line-height:1!important}

/* メニューを見やすく・現在ページを強調 */
#header-container #navi .navi-in>ul>li>a{font-size:16px}
#header-container #navi .navi-in>ul .current_page_item>a,#header-container #navi .navi-in>ul .current-menu-item>a{background:#2d6a4f!important;color:#fff!important;border-radius:999px;box-shadow:0 2px 8px rgba(45,106,79,.4)}


/* おすすめカード：4枚を均等に */
#recommended .navi-entry-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#recommended .navi-entry-card-link{width:100%!important;margin:0!important}
#recommended .navi-entry-card-thumb{width:100%}
#recommended .navi-entry-card-thumb img{width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
@media(max-width:640px){#recommended .navi-entry-cards{grid-template-columns:repeat(2,1fr);gap:10px}}

#recommended .card-title{opacity:1!important}


/* トップページの目次を非表示（2026-07-03） */
.home .toc{display:none!important}

/* 水彩背景を薄く残す（白82%オーバーレイ） */
body.custom-background{background-image:linear-gradient(rgba(250,246,236,.82),rgba(250,246,236,.82)),url("https://keren03blog.com/wp-content/uploads/2026/04/cropped-935b9727-10eb-40a6-8410-5d6392b5e622.jpg")!important}


/* カード用の正方形アイキャッチを、ページ本文上では非表示にする（トップの4カードには表示される） */
.postid-982 .eye-catch,
.page-id-622 .eye-catch,
.page-id-934 .eye-catch,
.page-id-475 .eye-catch{display:none!important}
.category-rigakuryouhou .eye-catch-wrap{display:none!important}


/* トップページ用の非表示・背景CSS（旧・ページ本文内styleから移設 2026-07-04） */
.home .sns-share{display:none!important}
.home .date-tags,.home .post-date,.home .post-update{display:none!important}
.home #content-top{display:none!important}
.home .entry-title{display:none!important}
body.home.custom-background{background:#F7F2E7!important}


/* サイドバーのプロフィール画像を固定（Cocoonのアバター欄が消えても新アバターを表示） */
.sidebar .author-box .avatar{content:url("https://keren03blog.com/wp-content/uploads/2026/07/df2720c9-5f3b-49dd-8d8f-f78979ae0bd1.jpg");}


/* 記事内の統合相談ボックスがある記事では、記事下の共通CTA(custom_html-6)を非表示にする（2026-07-15・重複解消） */
.postid-977 #custom_html-6,
.postid-900 #custom_html-6,
.postid-839 #custom_html-6,
.postid-940 #custom_html-6,
.postid-959 #custom_html-6,
.postid-1001 #custom_html-6,
.postid-1012 #custom_html-6,
.postid-1602 #custom_html-6,
.postid-1006 #custom_html-6,
.postid-357 #custom_html-6,
.postid-1124 #custom_html-6,
.postid-1636 #custom_html-6,
.postid-1665 #custom_html-6,
.postid-1685 #custom_html-6,
.postid-1698 #custom_html-6,
.postid-1710 #custom_html-6,
.postid-1728 #custom_html-6,
.postid-1742 #custom_html-6,
.postid-1762 #custom_html-6,
.postid-1836 #custom_html-6,
.postid-1850 #custom_html-6 {display:none;}