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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** もとくろノート 記事装飾（rules/ブログ制作ルール.md）
** 色：ピンク #E58FA0 / ネイビー #2F3B59 / ベージュ #F2D7B6
************************************/
.article h2{background:#E58FA0;color:#fff;padding:.55em .8em;border:none;border-radius:0;margin:3em 0 1.2em;font-size:1.25em}
.article h3{border:none;border-left:5px solid #E58FA0;padding:.2em .7em;margin:2em 0 1em;background:none}
.article p{line-height:1.8;letter-spacing:.02em}
.mk-box{--c:#E58FA0;--bg:#fdf3f5;border:2px solid var(--c);background:var(--bg);border-radius:7px;margin:1.5em 0;overflow:hidden}
.mk-box-title{display:inline-block;background:var(--c);color:#fff;font-weight:bold;padding:.2em .9em;border-radius:0 0 6px 0;font-size:.9em}
.mk-box-body{padding:.8em 1em 1em;font-weight:bold;line-height:1.8}
.mk-box-ng{--c:#f77171;--bg:#fff4f4}
.mk-box-ok{--c:#6ecc8d;--bg:#eaf9ea}
.mk-cta{border:2px solid #E58FA0;background:#fdf3f5;border-radius:10px;padding:1.2em 1em;text-align:center;margin:2em 0}
.mk-cta p{margin-bottom:.8em}
.mk-cta-button{display:inline-block;background:#E58FA0;color:#fff !important;font-weight:bold;padding:.8em 1.6em;border-radius:30px;text-decoration:none !important;box-shadow:0 3px 0 #c9707f}
.mk-cta-button:hover{opacity:.85}
.speech-name{font-size:12px}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* ヘッダー画像（2026-10-14） */
#header-container,#header{background-color:#fcfbf7}
.logo-header .site-logo-image{max-height:240px;width:auto}
.logo-footer .site-logo-image{max-height:70px;width:auto}
@media screen and (max-width:834px){.logo-header .site-logo-image{content:url(/wp-content/uploads/2026/10/motokuro-header-sp.jpg)}}

/* サイト全体を可愛く（2026-10-14） */
body{background-color:#fbf1ee;background-image:radial-gradient(#f3d3d9 1.2px,transparent 1.3px);background-size:22px 22px}
#header-container{border-bottom:none;position:relative}
#header-container::after{content:"";display:block;height:14px;background:radial-gradient(circle at 10px -3px,#fcfbf7 10px,transparent 10.5px) 0 0/20px 14px repeat-x}
#main,#sidebar{border-radius:18px;box-shadow:0 4px 18px rgba(229,143,160,.12);border:none}
/* 記事カード */
.entry-card-wrap{border-radius:14px;padding:12px;transition:transform .2s,box-shadow .2s}
.entry-card-wrap:hover{background:#fff7f8;box-shadow:0 4px 14px rgba(229,143,160,.2);transform:translateY(-2px)}
.entry-card-thumb img,.entry-card-thumb-image{border-radius:10px}
.cat-label{background:#E58FA0;border-radius:20px;padding:2px 10px;border:none;font-weight:bold;top:.4em;left:.4em}
.entry-card-title{color:#2F3B59}
.post-date,.entry-date{color:#c9707f}
/* サイドバー */
#sidebar .wp-block-heading,#sidebar .wp-block-search__label{background:#E58FA0;color:#fff;font-size:1em;font-weight:bold;padding:.5em 1em;border-radius:30px;margin:0 0 .8em;position:relative}
#sidebar .wp-block-heading::before,#sidebar .wp-block-search__label::before{content:"♡";margin-right:.4em}
#sidebar ul{list-style:none;padding-left:0}
#sidebar li{border-bottom:1px dashed #f1c9d0;padding:.55em .2em;margin:0}
#sidebar li a{color:#2F3B59;text-decoration:none}
#sidebar li a:hover{color:#E58FA0}
.wp-block-search__input{border:2px solid #f1c9d0;border-radius:30px 0 0 30px;background:#fffafb}
.wp-block-search__button{background:#E58FA0 !important;color:#fff !important;border:none;border-radius:0 30px 30px 0;font-weight:bold}
/* 記事ページ */
.article h1.entry-title{color:#2F3B59}
.article h2{border-radius:12px}
.eye-catch img{border-radius:14px}
.pr-label,.pr-label-s{border-radius:20px;border-color:#E58FA0;color:#c9707f}
/* フッター */
#footer{background:#2F3B59;color:#fff;border-top:none}
#footer a{color:#fff}
#footer .logo-footer .site-logo-image{border-radius:10px}
.go-to-top-button{background:#E58FA0;color:#fff;border-radius:50%}
#header-container::after{position:absolute;left:0;right:0;bottom:-14px;z-index:2}
#sidebar .wp-block-search__label{display:block}
.wp-block-search__input,.wp-block-search__button{height:46px;box-sizing:border-box;margin:0}
.wp-block-search__inside-wrapper{gap:0}
#sidebar li{font-size:.92em}
.article .entry-content a:not(.mk-cta-button){color:#c9707f;text-decoration-color:#f1c9d0;text-underline-offset:3px}
.speech-balloon{border-radius:14px;border-color:#f1c9d0}
.speech-person .speech-icon-image{border-color:#f1c9d0}

/* よくある質問のアコーディオン（2026-10-14） */
.mk-faq{border:2px solid #f1c9d0;border-radius:14px;margin:0 0 1em;background:#fff;overflow:hidden}
.mk-faq summary{list-style:none;cursor:pointer;padding:.9em 2.8em .9em 3.2em;position:relative;font-weight:bold;color:#2F3B59;background:#fdf3f5;line-height:1.6}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::before{content:"Q";position:absolute;left:.8em;top:.8em;width:1.7em;height:1.7em;line-height:1.7em;text-align:center;border-radius:50%;background:#E58FA0;color:#fff;font-size:.95em}
.mk-faq summary::after{content:"+";position:absolute;right:.9em;top:50%;transform:translateY(-50%);font-size:1.5em;font-weight:normal;color:#E58FA0}
.mk-faq[open] summary::after{content:"−"}
.mk-faq > p{padding:0 1.2em 0 3.2em;margin:.9em 0;position:relative}
.mk-faq > summary + p::before{content:"A";position:absolute;left:.8em;top:0;width:1.7em;height:1.7em;line-height:1.7em;text-align:center;border-radius:50%;background:#2F3B59;color:#fff;font-size:.95em;font-weight:bold}
.mk-faq > p:last-child{margin-bottom:1.1em}

/* 細部の仕上げ（2026-10-14） */
/* 目次 */
.toc{border:2px solid #f1c9d0;border-radius:16px;background:#fffafb;padding:1em 1.6em 1.2em;width:100%;box-sizing:border-box}
.toc-title{display:block;color:#2F3B59;font-weight:bold;font-size:1.05em;margin-bottom:.6em}
.toc-title::before{content:"♡ ";color:#E58FA0}
.toc-content{text-align:left}
.toc-content a{color:#2F3B59;text-decoration:none}
.toc-content a:hover{color:#E58FA0}
.toc-content > ol > li{font-weight:bold;margin:.35em 0}
.toc-content > ol > li::marker{color:#E58FA0}
.toc-content ol ol{list-style:none;padding-left:1.2em;font-weight:normal;font-size:.93em}
.toc-content ol ol li::before{content:"・";color:#E58FA0}
/* シェアボタン：ブランド色をやめて統一 */
.sns-share-message{color:#2F3B59;font-weight:bold}
.sns-share .sns-buttons a{background:#fff !important;color:#2F3B59 !important;border:2px solid #f1c9d0;border-radius:30px}
.sns-share .sns-buttons a:hover{background:#fdf3f5 !important;opacity:1}
.sns-share .sns-buttons a .social-icon{color:#E58FA0}
/* カテゴリー・投稿者・パンくず */
.entry-categories-tags .cat-link,.entry-categories-tags .tag-link{background:#E58FA0;color:#fff;border-radius:20px;padding:3px 12px;border:none}
.author-info a{color:#c9707f}
.breadcrumb{color:#999}
.breadcrumb a{color:#c9707f}
/* 関連記事・前後の記事 */
.related-entry-heading,.comment-title{border:none;border-bottom:3px dotted #f1c9d0;color:#2F3B59;padding-bottom:.3em}
.related-entry-heading::before{content:"♡ ";color:#E58FA0}
.pager-post-navi a{border-radius:14px;border:2px solid #f1c9d0 !important}
.pager-post-navi a:hover{background:#fff7f8}
.pager-post-navi .iconfont{color:#E58FA0}
/* スマホ下のメニュー */
.mobile-footer-menu-buttons{background:#fffafb;border-top:2px solid #f1c9d0}
.mobile-footer-menu-buttons .menu-button .menu-icon,.mobile-footer-menu-buttons .menu-button a{color:#c9707f}
.mobile-footer-menu-buttons .menu-caption{color:#2F3B59}
/* 表 */
.article table{border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0;border:2px solid #f1c9d0}
.article table th{background:#fdf3f5;color:#2F3B59}
.article table th,.article table td{border-color:#f6dde2}

/* プロフィール（サイドバー） */
.mk-profile{text-align:center;padding:.4em .6em 1em}
.mk-profile-img{width:110px;height:110px;border-radius:50%;border:4px solid #f1c9d0;object-fit:cover;background:#fff}
.mk-profile-name{font-weight:bold;color:#2F3B59;font-size:1.15em;margin:.5em 0 .6em}
.mk-profile-name span{display:inline-block;margin-left:.5em;background:#2F3B59;color:#fff;font-size:.65em;padding:2px 10px;border-radius:20px;vertical-align:middle}
.mk-profile-text{font-size:.88em;line-height:1.8;text-align:left;color:#444;margin-bottom:1em}
.mk-profile a{display:block;border-radius:30px;padding:.6em;font-weight:bold;font-size:.9em;text-decoration:none;margin:.5em 0}
.mk-profile-x{background:#2F3B59;color:#fff !important}
.mk-profile-about{border:2px solid #f1c9d0;color:#c9707f !important}
.mk-profile a:hover{opacity:.85}
/* ヘッダーメニュー */
#navi{background:#fcfbf7}
#navi .navi-in a{color:#2F3B59;font-weight:bold;font-size:.95em}
#navi .navi-in a:hover{background:#fdf3f5;color:#E58FA0;border-radius:30px}
#navi .navi-in > ul > li{height:auto}
#navi .navi-in > ul > li > a{padding:.5em 1.4em;margin:.4em .2em}