@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 */
:root{--km-ink:#362d27;--km-red:#bd422c;--km-cream:#fff9ef;--km-line:#e9dfd1;--km-icon:url("https://kani-monosashi.com/wp-content/uploads/2026/09/crab-mascot-150x150.png")}body.public-page{background:var(--km-cream);color:var(--km-ink);line-height:1.9;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.public-page #header-container{background:#fffdf8;border-bottom:1px solid var(--km-line)}.public-page #header-in{min-height:108px;padding:18px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.public-page .tagline{order:2;margin:0;font-size:11px;letter-spacing:.13em;color:#786756}.public-page .logo{padding:0;margin:0;font-size:27px;font-weight:800;letter-spacing:.1em;line-height:1.5}.public-page .site-name{color:var(--km-ink)}.public-page .site-name-text:before{content:"";display:inline-block;width:45px;height:45px;background:var(--km-icon) center/contain no-repeat;vertical-align:middle;margin-right:9px}.public-page #content{margin:0 auto;padding:36px 24px;max-width:1200px}.public-page #content-in{display:block}.public-page #sidebar{display:none}.public-page #main{width:100%;max-width:900px;margin:0 auto;padding:48px 64px;border:0;border-radius:20px;background:#fffdf9;box-shadow:0 5px 30px #56371406}.public-page .sns-share,.public-page .sns-follow,.public-page .article-footer .footer-meta,.public-page .mobile-footer-menu-buttons,.public-page .footer-mobile-buttons{display:none!important}.public-page #breadcrumb{font-size:12px;color:#776553;margin-bottom:20px}.public-page .article-header h1{font-size:clamp(25px,3vw,36px);line-height:1.55;letter-spacing:.015em;color:var(--km-ink)}.public-page .entry-content h2{background:transparent;border:0;border-bottom:2px solid var(--km-line);border-radius:0;padding:12px 0 16px;margin:56px 0 24px;font-size:clamp(22px,2.3vw,28px);color:var(--km-ink)}.public-page .entry-content h3{background:none;border:0;border-left:4px solid var(--km-red);padding:4px 0 4px 14px;font-size:21px}.public-page .entry-content a{color:#a43725;text-underline-offset:4px}.public-page .entry-content p{margin-bottom:1.6em}.public-page .entry-content table{font-size:15px;border-color:var(--km-line)}.public-page .entry-content th{background:#f5ead9}.public-page .entry-content td{background:#fffdf8}.public-page .date-tags{font-size:12px;color:#8b7b6c}.public-page #footer{background:#eee5d7;color:#554837;border-top:1px solid #e0d5c4;padding:28px 18px}.public-page #footer a{color:#554837}.public-page .km-image-note{font-size:11px;color:#807362;text-align:right;margin-top:5px}.public-page .km-article-visual{margin:24px 0 32px}.public-page .km-article-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.public-page #crab-example{background:#fff8eb!important;border-color:#e6d4bb!important;border-radius:18px!important}.public-page #crab-example img{max-width:100%;height:auto;border-radius:8px}.public-page #crab-example div[style*="display:flex"]{gap:10px!important}.public-page #crab-example div[style*="display:flex"] a{background:#fff;border:1px solid #d9c1a5;border-radius:9px;padding:9px 15px;text-decoration:none;font-size:14px;font-weight:700}body.home #content{max-width:none;padding:0}body.home #main{max-width:none;padding:0;border-radius:0;background:transparent;box-shadow:none}body.home .article-header,body.home #breadcrumb,body.home .article-footer{display:none}body.home .entry-content,body.home .article{margin:0}.km-home{overflow:hidden}.km-home *{box-sizing:border-box}.km-home .km-hero{position:relative;min-height:640px;display:grid;grid-template-columns:43% 57%;background:#f4ead9}.km-home .km-hero-copy{padding:80px 38px 75px max(32px,calc((100vw - 1120px)/2));align-self:center;position:relative;z-index:1}.km-home .km-eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:var(--km-red);margin-bottom:22px}.km-home .km-hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.5;font-weight:800;margin:0 0 24px;letter-spacing:.04em}.km-home .km-hero-copy p{font-size:15px;line-height:2.1;margin-bottom:26px}.km-home .km-hero-image{min-height:640px;width:100%;height:100%;object-fit:cover;object-position:52% center}.km-home .km-hero-note{position:absolute;right:16px;bottom:10px;color:#fff;font-size:11px;background:#31231499;padding:2px 8px;border-radius:4px}.km-home a.km-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 24px;border-radius:999px;background:var(--km-red);color:#fff;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 5px 0 #95372120}.km-home a.km-button:hover{background:#983323}.km-home a:focus-visible{outline:3px solid #49674d;outline-offset:4px}.km-home .km-section{max-width:1120px;margin:auto;padding:76px 28px}.km-home .km-section-title{text-align:center;margin-bottom:36px}.km-home .km-section-title h2{border:0!important;padding:0!important;margin:8px 0 12px!important;font-size:32px!important;line-height:1.6}.km-home .km-section-title p{font-size:14px;color:#786756;margin:0}.km-home .km-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--km-red)}.km-home .km-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.km-home .km-choice{display:block;background:#fffdf8;border:1px solid var(--km-line);border-radius:18px;padding:28px 15px 22px;text-align:center;text-decoration:none;color:var(--km-ink)!important;transition:transform .2s,box-shadow .2s}.km-home .km-choice:hover{transform:translateY(-4px);box-shadow:0 10px 24px #6040210c}.km-home .km-choice svg{display:block;width:46px;height:46px;margin:0 auto 15px;color:var(--km-red)}.km-home .km-choice strong{display:block;font-size:18px;margin-bottom:5px}.km-home .km-choice span{font-size:12px;color:#786756}.km-home .km-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-radius:24px;background:#eee9db;padding:36px;margin-top:0}.km-home .km-feature img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover}.km-home .km-feature h2{margin:12px 0 18px!important;border:0!important;padding:0!important;font-size:28px!important}.km-home .km-feature p{font-size:14px}.km-home .km-textlink{font-weight:700;text-decoration:none;border-bottom:1px solid #b54732;padding-bottom:5px}.km-home .km-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.km-home .km-guide{background:#fffdf8;border:1px solid var(--km-line);border-radius:18px;padding:30px;scroll-margin-top:24px}.km-home .km-guide:last-child{grid-column:1/-1}.km-home .km-guide h3{margin:0 0 15px;font-size:21px}.km-home .km-guide p{font-size:14px;margin:0;line-height:2}.km-home .km-promise{background:#efe5d4;text-align:center;padding:48px 24px}.km-home .km-promise img{width:72px;height:72px;object-fit:contain}.km-home .km-promise h2{border:0!important;margin:8px 0 16px!important;padding:0!important;font-size:24px!important}.km-home .km-promise p{font-size:14px;margin:0 auto;max-width:620px}@media(max-width:900px){.public-page #main{padding:30px}.km-home .km-hero{grid-template-columns:1fr 1fr;min-height:560px}.km-home .km-hero-copy{padding:44px 28px}.km-home .km-hero-image{min-height:560px}.km-home .km-choices{grid-template-columns:repeat(3,1fr)}.km-home .km-feature{gap:24px;padding:24px}}@media(max-width:600px){.public-page #content{padding:18px 12px}.public-page #main{padding:24px 18px;border-radius:14px}.public-page #header-in{min-height:94px;padding:14px}.public-page .logo{font-size:24px}.public-page .tagline{font-size:10px;letter-spacing:.04em}.public-page .site-name-text:before{width:38px;height:38px}.public-page .entry-content{font-size:16px}.public-page .entry-content table{font-size:13px}.public-page .entry-content th,.public-page .entry-content td{padding:8px}.public-page .article-header h1{font-size:25px}.km-home .km-hero{display:flex;flex-direction:column;min-height:0}.km-home .km-hero-copy{padding:38px 25px 34px}.km-home .km-hero h1{font-size:34px;line-height:1.5;margin-bottom:18px}.km-home .km-hero-copy p{font-size:14px;margin-bottom:22px}.km-home .km-eyebrow{margin-bottom:15px}.km-home .km-hero-image{min-height:0;height:330px;object-position:center 55%}.km-home .km-section{padding:50px 20px}.km-home .km-section-title h2{font-size:25px!important}.km-home .km-choices{grid-template-columns:repeat(2,1fr);gap:12px}.km-home .km-choice{padding:23px 12px}.km-home .km-choice:last-child{grid-column:1/-1;display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;column-gap:18px;padding:20px 25px}.km-home .km-choice:last-child svg{grid-row:1/3;margin:0}.km-home .km-feature{grid-template-columns:1fr;gap:22px;padding:20px}.km-home .km-feature h2{font-size:24px!important}.km-home .km-guide-list{grid-template-columns:1fr}.km-home .km-guide{padding:24px}.km-home .km-section-title{margin-bottom:27px}.public-page #crab-example{padding:15px!important}.public-page #crab-example div[style*="display:flex"] a{padding:8px 12px;font-size:13px}body.public-page{padding-bottom:0!important}}@media(prefers-reduced-motion:reduce){.km-home .km-choice{transition:none}}
body.home #content-in{width:100%;max-width:none}.km-home .km-hero-copy{padding-left:max(32px,calc((100vw - 1260px)/2))}@media(max-width:900px){.km-home .km-hero-copy{padding-left:28px}}@media(max-width:600px){.km-home .km-hero-copy{padding-left:25px}}

/* 関連記事ではアイキャッチ画像枠を表示しない */
.related-entry-card-thumb,
.related-entry-card .card-thumb {
  display: none !important;
}
.related-entry-card-content {
  margin-left: 0 !important;
  width: 100% !important;
}


/* 関連記事はタイトルだけを表示 */
.related-entry-card-snippet,
.pager-post-navi .card-thumb {display:none!important;}
.pager-post-navi a.prev-post .prev-post-title,
.pager-post-navi a.next-post .next-post-title {margin-left:12px!important;margin-right:12px!important;}