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

/* eg-article-polish: article pages */
body.single-post { background: #fff !important; color: #333 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
body.single-post #header-container, body.single-post #navi, body.single-post .header-container, body.single-post .navi, body.single-post .mobile-header-menu-buttons, body.single-post .mobile-footer-menu-buttons, body.single-post .admin-panel { display: none !important; }
body.single-post #container, body.single-post .container, body.single-post #content, body.single-post .content { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; }
body.single-post #main, body.single-post main.main { width: min(760px, calc(100vw - 32px)) !important; max-width: 760px !important; margin: 0 auto !important; padding: 28px 0 80px !important; float: none !important; background: #fff !important; border: 0 !important; box-shadow: none !important; }
body.single-post #sidebar, body.single-post .sidebar, body.single-post .ad-area, body.single-post .under-entry-content, body.single-post .sns-share, body.single-post .sns-follow, body.single-post .breadcrumb, body.single-post .footer, body.single-post .footer-container { display: none !important; }
body.single-post .article, body.single-post article.article { padding: 0 !important; border: 0 !important; box-shadow: none !important; background: #fff !important; }
body.single-post .entry-title { color: #222 !important; font-size: clamp(26px, 4vw, 38px) !important; line-height: 1.42 !important; font-weight: 800 !important; letter-spacing: 0 !important; margin: 20px 0 18px !important; padding: 0 !important; border: 0 !important; }
body.single-post .post-date, body.single-post .post-update, body.single-post .author-info, body.single-post .eye-catch-caption { color: #777 !important; font-size: 13px !important; }
body.single-post .entry-content { color: #333 !important; font-size: 16px !important; line-height: 1.95 !important; }
body.single-post .entry-content p { margin: 0 0 22px !important; }
body.single-post .entry-content a { color: #1870b8 !important; text-decoration: none !important; }
body.single-post .entry-content mark.eg-marker { background: linear-gradient(transparent 62%, rgba(255, 220, 102, .55) 62%) !important; color: inherit !important; padding: 0 .08em !important; }
body.single-post .entry-content .eg-rank-label { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 28px !important; padding: 3px 10px !important; border-left: 3px solid #ff9900 !important; background: #fff7e8 !important; color: #5f4300 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.5 !important; }
body.single-post .entry-content h3 + p strong { display: block !important; margin: 2px 0 10px !important; padding: 10px 12px !important; border-left: 3px solid #cfd8dc !important; background: #f8fafb !important; color: #2b2b2b !important; font-size: 15px !important; line-height: 1.7 !important; }
body.single-post .entry-content h2 { margin: 52px 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #2b2b2b !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.45 !important; }
body.single-post .entry-content h3 { margin: 38px 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #2b2b2b !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.55 !important; }
body.single-post .wp-block-image { margin: 28px 0 !important; }
body.single-post .wp-block-image img, body.single-post .eye-catch img { width: 100% !important; height: auto !important; border-radius: 0 !important; }
body.single-post .wp-block-table { margin: 26px 0 !important; overflow-x: auto !important; }
body.single-post table, body.single-post .wp-block-table table { width: 100% !important; border-collapse: collapse !important; border: 1px solid #e7e7e7 !important; background: #fff !important; font-size: 13px !important; }
body.single-post th, body.single-post td { border: 1px solid #e7e7e7 !important; padding: 12px 10px !important; vertical-align: top !important; }
body.single-post th { background: #f7f7f7 !important; color: #313131 !important; font-weight: 800 !important; }
body.single-post .toc, body.single-post #toc, body.single-post .toc-widget-box { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 76%, rgba(247,247,247,0) 100%) !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; padding: 18px 18px 22px !important; margin: 34px 0 38px !important; color: #333 !important; }
body.single-post .toc-title, body.single-post #toc .toc-title { display: block !important; text-align: left !important; font-size: 20px !important; font-weight: 800 !important; color: #222 !important; margin: 0 0 8px !important; }
body.single-post .toc ol, body.single-post .toc ul, body.single-post #toc ol, body.single-post #toc ul { margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: egtoc !important; }
body.single-post .toc li, body.single-post #toc li { margin: 0 !important; padding: 11px 0 !important; border-top: 1px solid #e4e4e4 !important; color: #666 !important; font-size: 14px !important; }
body.single-post .toc li li, body.single-post #toc li li { counter-increment: egtoc !important; display: flex !important; gap: 10px !important; align-items: flex-start !important; color: #777 !important; padding-left: 14px !important; }
body.single-post .toc li li::before, body.single-post #toc li li::before { content: counter(egtoc) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; min-width: 22px !important; border: 1px solid #d6d6d6 !important; border-radius: 50% !important; background: #fff !important; color: #777 !important; font-size: 12px !important; line-height: 1 !important; margin-top: 1px !important; }
body.single-post .wp-block-buttons { margin: 18px 0 34px !important; }
body.single-post .wp-block-button__link, body.single-post .entry-content .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 0 24px !important; border-radius: 4px !important; background: #ff9900 !important; color: #111 !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: none !important; }
body.single-post .wp-block-button__link:hover { background: #f3a51a !important; }
body.single-post .eg-note { background: #f7f7f7 !important; border: 1px solid #e7e7e7 !important; border-radius: 4px !important; padding: 14px 16px !important; margin: 22px 0 !important; color: #555 !important; font-size: 13px !important; }
body.single-post .eg-callout { position: relative !important; display: grid !important; grid-template-columns: 58px 1fr !important; gap: 14px !important; align-items: center !important; margin: 24px 0 !important; padding: 14px 16px !important; border: 1px solid #e4e7ea !important; border-radius: 4px !important; background: #fff !important; color: #444 !important; font-size: 14px !important; line-height: 1.85 !important; }
body.single-post .eg-callout::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; border-radius: 4px !important; border: 1px solid currentColor !important; background: rgba(255,255,255,.75) !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; box-sizing: border-box !important; }
body.single-post .eg-callout p { margin: 0 !important; }
body.single-post .eg-callout strong { font-weight: 800 !important; }
body.single-post .eg-callout.eg-info { border-color: #cfeafa !important; background: #f6fbff !important; color: #2f8ec2 !important; }
body.single-post .eg-callout.eg-info::before { content: "i" !important; background: #e9f6ff !important; }
body.single-post .eg-callout.eg-memo { border-color: #cdeee1 !important; background: #f7fffb !important; color: #39a979 !important; }
body.single-post .eg-callout.eg-memo::before { content: "M" !important; background: #effbf6 !important; }
body.single-post .eg-callout.eg-good { border-color: #d8f0d2 !important; background: #f8fff6 !important; color: #59b75b !important; }
body.single-post .eg-callout.eg-good::before { content: "GOOD" !important; font-size: 11px !important; background: #effbea !important; }
body.single-post .eg-callout.eg-ng { border-color: #ffd8d8 !important; background: #fff8f8 !important; color: #e05c5c !important; }
body.single-post .eg-callout.eg-ng::before { content: "NG" !important; font-size: 13px !important; background: #fff0f0 !important; }
body.single-post .eg-callout.eg-alert { border-color: #ffd9d9 !important; background: #fff8f8 !important; color: #e68585 !important; }
body.single-post .eg-callout.eg-alert::before { content: "!" !important; background: #fff0f0 !important; }
@media (max-width: 720px) { body.single-post #main, body.single-post main.main { width: calc(100vw - 28px) !important; padding-top: 18px !important; } body.single-post .entry-title { font-size: 25px !important; } body.single-post .entry-content { font-size: 15px !important; } }
/* /eg-article-polish */