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


/* Kattekara Natural 1.0.0. Scoped to the successful DOM enhancement. */
body.kk-natural{--kk-paper:#f6f4ed;--kk-surface:#fffefb;--kk-ink:#263a31;--kk-muted:#6d736b;--kk-line:#d9ded2;--kk-accent:#3c5746;--kk-soft:#e8eddf;--kk-warm:#a25f42;--kk-serif:"Yu Mincho","Hiragino Mincho ProN",serif;--kk-sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:var(--kk-paper);color:var(--kk-ink);font:16px/2 var(--kk-sans);letter-spacing:.015em}
.kk-natural a{color:var(--kk-accent)}.kk-natural :is(a,button,input):focus-visible{outline:3px solid var(--kk-warm);outline-offset:4px}.kk-natural img{max-width:100%;height:auto}.kk-natural .kk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kk-natural #header-container{background:var(--kk-paper);border-bottom:1px solid var(--kk-line)}.kk-natural #header-container-in{max-width:1200px;padding:0 44px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:112px}.kk-natural #header{background:none;padding:0;width:auto}.kk-natural #header-in{width:auto;min-height:0;height:auto!important;padding:0;display:block}.kk-natural .logo-header{margin:0;padding:0}.kk-natural .logo-header .site-name{display:block;padding:0;text-decoration:none;color:var(--kk-ink);font:600 26px/1.5 var(--kk-serif);letter-spacing:.08em}.kk-natural .logo-header .site-name-text{display:flex;align-items:center;gap:13px;position:relative}.kk-natural .kk-brand-mark{width:35px;height:42px;display:inline-block}.kk-natural .kk-brand-mark svg{width:100%;height:100%}.kk-natural #header-in .tagline{font:10px/1.8 var(--kk-sans);letter-spacing:.1em;text-align:left;margin:0 0 0 48px;padding:0;color:var(--kk-muted)}
.kk-natural #navi{width:auto;background:none;color:var(--kk-ink)}.kk-natural #navi-in{width:auto;padding:0}.kk-natural #navi :is(ul,li){list-style:none;margin:0;padding:0;width:auto;height:auto;min-height:0}.kk-natural #navi ul{display:flex;gap:28px;align-items:center}.kk-natural #navi a{font:600 13px/1.8 var(--kk-sans);padding:9px 0;color:var(--kk-ink);height:auto;text-decoration:none;background:none}.kk-natural #navi a:hover{text-decoration:underline;text-underline-offset:7px}.kk-natural .kk-eyebrow{font:600 10px/1.8 var(--kk-sans);letter-spacing:.13em;color:var(--kk-warm);display:block}.kk-natural .kk-text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--kk-ink);padding-bottom:5px;text-decoration:none;line-height:1.9}
.kk-natural #content{margin:0 auto}.kk-natural #content-in{max-width:1200px;width:100%;margin:auto;display:block}.kk-natural #main{background:transparent;border:0;border-radius:0;padding:40px 44px 60px;width:100%;margin:0;min-width:0}.kk-natural #sidebar{display:none}.kk-natural #main>*{max-width:100%}.kk-natural.home #main{padding-top:0}.kk-natural :is(.appeal,.carousel){display:none}
.kk-natural .kk-home-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:62px 0 68px}.kk-natural .kk-home-title{font:500 clamp(32px,3.6vw,48px)/1.75 var(--kk-serif);letter-spacing:.065em;padding:0;margin:26px 0 22px;background:none;border:0;white-space:nowrap}.kk-natural .kk-intro-copy{font-size:13px;line-height:2.3;color:var(--kk-muted);margin:0 0 27px}.kk-natural .kk-feature{text-decoration:none;display:block}.kk-natural .kk-feature-photo{background:var(--kk-soft);padding:27px 36px;margin-bottom:17px;text-align:center}.kk-natural .kk-feature-photo img{height:330px;max-height:330px;width:100%;object-fit:contain;display:block}.kk-natural .kk-feature-title{font:600 19px/1.8 var(--kk-serif);padding:0;margin:9px 0 0;color:var(--kk-ink);background:none;border:0}.kk-natural .kk-feature:hover .kk-feature-title{text-decoration:underline;text-underline-offset:5px}
.kk-natural .kk-journal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--kk-line);padding:35px 0 26px}.kk-natural .kk-journal-heading h2{font:500 28px/1.5 var(--kk-serif);letter-spacing:.08em;background:none;border:0;padding:0;margin:0}.kk-natural .kk-search{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--kk-line)}.kk-natural .kk-search input{border:0;padding:7px 3px;font:12px var(--kk-sans);width:150px;background:none;color:var(--kk-ink)}.kk-natural .kk-search button{font:11px var(--kk-sans);padding:6px;border:0;background:none;color:var(--kk-muted)}
.kk-natural .kk-list{display:grid!important;grid-template-columns:1fr 1fr;gap:24px;margin:0}.kk-natural :is(.kk-list,.list) .entry-card-wrap{padding:18px;border:0;background:var(--kk-surface);box-shadow:none;border-radius:0;margin:0;width:auto;display:block;color:var(--kk-ink);text-decoration:none}.kk-natural .entry-card-wrap .entry-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:21px}.kk-natural .entry-card-thumb{width:100%;float:none;background:var(--kk-soft);margin:0;align-self:start}.kk-natural .entry-card-thumb img{height:170px;object-fit:contain;display:block;width:100%;aspect-ratio:auto}.kk-natural .entry-card-content{margin:0;padding:0}.kk-natural .entry-card-title{font:600 15px/1.9 var(--kk-sans);margin:0 0 10px;padding:0;border:0;background:none}.kk-natural .entry-card-snippet{font-size:11px;line-height:1.9;color:var(--kk-muted)}.kk-natural .entry-card-meta{font-size:10px;color:var(--kk-muted);margin-top:10px}.kk-natural .entry-card-wrap:hover .entry-card-title{text-decoration:underline;text-underline-offset:5px}.kk-natural .cat-label{background:var(--kk-accent);color:var(--kk-surface);font:10px/1.6 var(--kk-sans);border:0;padding:2px 7px}
.kk-natural .kk-about{display:grid;grid-template-columns:1fr 1.55fr;gap:60px;background:var(--kk-soft);padding:40px 42px;margin-top:45px}.kk-natural .kk-about h2{font:500 26px/1.7 var(--kk-serif);border:0;background:none;padding:0;margin:10px 0 0}.kk-natural .kk-about p:not(.kk-eyebrow){font-size:13px;line-height:2.2;margin:0 0 16px}
.kk-natural .article-header{margin:0 auto 28px;max-width:970px}.kk-natural .entry-title{font:600 36px/1.7 var(--kk-serif);letter-spacing:.025em;color:var(--kk-ink);padding:0;margin:0 0 18px;max-width:none;background:none;border:0}.kk-natural .kk-title-sub{display:block;font:500 25px/1.7 var(--kk-serif);margin-top:9px;color:var(--kk-muted)}.kk-natural .date-tags{font-size:11px;color:var(--kk-muted);text-align:left;margin:0}.kk-natural .article-header>.sns-share{display:none}.kk-natural .kk-has-intro>.article-header>.eye-catch-wrap{display:none}.kk-natural .eye-catch-wrap{max-width:450px;margin:26px auto}.kk-natural .eye-catch img{max-height:500px;width:100%;object-fit:contain}.kk-natural .eye-catch-caption{font-size:11px;color:var(--kk-muted)}
.kk-natural .entry-content{margin:0;overflow-wrap:anywhere}.kk-natural .entry-content p{font:15px/2.2 var(--kk-sans);margin:23px 0}.kk-natural .entry-content :is(h2,h3,h4){font-family:var(--kk-serif);color:var(--kk-ink);background:none;box-shadow:none;border:0;border-radius:0}.kk-natural .entry-content h2{font-size:25px;line-height:1.8;padding:0 0 17px;margin:52px 0 25px;border-bottom:1px solid var(--kk-line)}.kk-natural .entry-content h3{font-size:21px;padding:0 0 9px;margin:35px 0 22px}.kk-natural .entry-content a{text-underline-offset:4px}.kk-natural .entry-content figure.wp-block-image{background:var(--kk-soft);padding:23px 24px 16px;margin:29px 0 33px}.kk-natural .entry-content figure.wp-block-image img{max-height:570px;object-fit:contain;width:100%;height:auto;display:block;margin:auto}.kk-natural .entry-content :is(figcaption,.wp-block-image figcaption){font:11px/1.9 var(--kk-sans);color:var(--kk-muted);text-align:center;margin:12px 0 0}.kk-natural .kk-article-intro{display:grid;grid-template-columns:1fr 360px;gap:54px;align-items:center;max-width:970px;margin:20px auto 45px}.kk-natural .kk-article-intro figure.wp-block-image{margin:0;padding:21px 28px 12px}.kk-natural .kk-article-intro figure.wp-block-image img{height:320px;object-fit:contain}.kk-natural .kk-article-intro p{margin:0 0 20px}
.kk-natural .kk-article-layout{display:grid;grid-template-columns:215px minmax(0,700px);gap:60px;background:var(--kk-surface);padding:45px 35px 50px}.kk-natural .kk-contents{position:sticky;top:38px;align-self:start}.kk-natural .kk-contents .toc{display:block;width:100%;border:0;border-top:2px solid var(--kk-ink);border-radius:0;background:none;padding:18px 0 0;margin:0;min-width:0;color:var(--kk-muted)}.kk-natural .kk-contents .toc-title{font-size:13px;text-align:left;padding:0;color:var(--kk-ink)}.kk-natural .kk-contents .toc-content{font-size:11px;padding-top:10px}.kk-natural .kk-contents :is(ol,ul){padding-left:19px;margin:10px 0 0}.kk-natural .kk-contents li{line-height:1.9;margin-bottom:12px}.kk-natural .kk-contents a{color:var(--kk-muted);text-decoration:none}.kk-natural .kk-contents a:hover{text-decoration:underline}.kk-natural .kk-prose{min-width:0}.kk-natural .kk-prose>h2:first-child{margin-top:0}
.kk-natural .kk-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0 30px}.kk-natural .kk-product{background:var(--kk-paper);border:1px solid var(--kk-line);padding:23px;display:flex;flex-direction:column}.kk-natural .kk-product h3{font:600 23px/1.6 var(--kk-serif);margin:10px 0 5px;padding:0}.kk-natural .kk-product-variant{font-size:12px;color:var(--kk-muted);line-height:1.8}.kk-natural .kk-product-button{font:12px/1.8 var(--kk-sans);display:block;margin-top:22px;padding:11px 15px;background:var(--kk-accent);color:var(--kk-surface);text-decoration:none}.kk-natural .kk-product-button:hover{opacity:.85}
.kk-natural .article-footer{margin-top:35px}.kk-natural .article-footer .sns-share-buttons{max-width:500px;margin:auto}.kk-natural .article-footer .sns-button{border-radius:0;font-size:11px;background:none;color:var(--kk-ink);border-color:var(--kk-line)}.kk-natural .article-footer .sns-follow{display:none}.kk-natural :is(.related-entry-heading,.comment-title){font:600 24px/1.7 var(--kk-serif);margin:42px 0 24px}.kk-natural .related-entry-card-wrap{background:var(--kk-surface);color:var(--kk-ink)}.kk-natural .breadcrumb{font-size:11px;color:var(--kk-muted)}.kk-natural .page .entry-content,.kk-natural.page .article{max-width:790px;margin:auto}.kk-natural :is(input,textarea,select){border-color:var(--kk-line);border-radius:0;color:var(--kk-ink)}.kk-natural :is(input[type=submit],button[type=submit]){background:var(--kk-accent);color:var(--kk-surface);border:0}.kk-natural .kk-search button[type=submit]{background:none;color:var(--kk-muted)}
.kk-natural #footer{background:var(--kk-paper);border-top:1px solid var(--kk-line);color:var(--kk-ink);padding:32px 0 22px;margin:0}.kk-natural #footer-in{max-width:1200px;width:100%;padding:0 44px}.kk-natural .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0;padding:0}.kk-natural .footer-bottom-logo{float:none;padding:0;max-width:none}.kk-natural .logo-footer .site-name{font:600 20px/1.6 var(--kk-serif);letter-spacing:.04em;padding:0;color:var(--kk-ink)}.kk-natural .footer-bottom-content{float:none;text-align:right}.kk-natural #navi-footer a{font-size:11px;color:var(--kk-muted);padding:0 12px}.kk-natural .copyright{font-size:10px;color:var(--kk-muted);margin-top:20px}.kk-natural :is(.mobile-menu-buttons,.go-to-top-button){background:var(--kk-paper);color:var(--kk-ink);box-shadow:none;border-color:var(--kk-line)}
@media(max-width:1050px){.kk-natural #header-container-in{padding-inline:28px}.kk-natural #main{padding-inline:28px}.kk-natural .kk-home-hero{gap:35px}.kk-natural .kk-home-title{font-size:35px}.kk-natural .kk-feature-photo{padding:20px}.kk-natural .kk-feature-photo img{height:290px}.kk-natural .entry-card-wrap .entry-card{grid-template-columns:110px minmax(0,1fr);gap:16px}.kk-natural .entry-card-snippet{display:none}.kk-natural .kk-article-layout{grid-template-columns:170px minmax(0,1fr);gap:30px;padding-inline:23px}.kk-natural .kk-article-intro{grid-template-columns:1fr 300px;gap:30px}.kk-natural .kk-about{gap:30px;padding:30px}.kk-natural #navi ul{gap:20px}.kk-natural #navi a{font-size:12px}}
@media(max-width:700px){.kk-natural #header-container-in{padding:15px 22px;min-height:90px;gap:15px}.kk-natural .logo-header .site-name{font-size:19px;letter-spacing:.02em}.kk-natural .logo-header .site-name-text{gap:8px}.kk-natural .kk-brand-mark{width:27px;height:35px}.kk-natural #header-in .tagline{font-size:8px;margin-left:35px;letter-spacing:.02em}.kk-natural #navi ul{gap:0}.kk-natural #navi li:nth-child(n+2){display:none}.kk-natural #navi a{font-size:10px;white-space:nowrap}.kk-natural #main{padding:28px 22px 35px}.kk-natural .kk-home-hero{grid-template-columns:1fr;gap:31px;padding:33px 0}.kk-natural .kk-home-title{font-size:32px;letter-spacing:.04em;margin:18px 0}.kk-natural .kk-intro-copy{font-size:12px;margin-bottom:22px}.kk-natural .kk-feature-photo{padding:20px 28px}.kk-natural .kk-feature-photo img{height:285px}.kk-natural .kk-feature-title{font-size:17px;margin-top:8px}.kk-natural .kk-eyebrow{font-size:9px}.kk-natural .kk-journal-heading{padding:27px 0 22px;gap:16px}.kk-natural .kk-journal-heading h2{font-size:23px}.kk-natural .kk-search input{font-size:11px;width:105px}.kk-natural .kk-search button{font-size:10px}.kk-natural .kk-list{grid-template-columns:1fr;gap:16px}.kk-natural :is(.kk-list,.list) .entry-card-wrap{padding:14px}.kk-natural .entry-card-wrap .entry-card{grid-template-columns:100px minmax(0,1fr);gap:16px}.kk-natural .entry-card-thumb img{height:140px}.kk-natural .entry-card-title{font-size:13px;line-height:1.9}.kk-natural .entry-card-meta{font-size:9px}.kk-natural .kk-about{grid-template-columns:1fr;gap:22px;padding:29px 23px;margin-top:32px}.kk-natural .kk-about h2{font-size:25px}.kk-natural .kk-about p:not(.kk-eyebrow){font-size:12px}.kk-natural .entry-title{font-size:26px;line-height:1.75}.kk-natural .kk-title-sub{font-size:20px;margin-top:9px}.kk-natural .date-tags{font-size:10px}.kk-natural .kk-article-intro{display:flex;flex-direction:column-reverse;gap:23px;margin-top:22px;margin-bottom:30px}.kk-natural .kk-article-intro figure.wp-block-image{width:100%;padding:20px 20px 12px}.kk-natural .kk-article-intro figure.wp-block-image img{height:300px}.kk-natural .kk-article-intro p{font-size:14px;line-height:2.1;margin-bottom:17px}.kk-natural .kk-article-layout{display:block;padding:23px 0 30px;background:transparent}.kk-natural .kk-contents{position:static;margin-bottom:35px}.kk-natural .kk-contents .toc{padding-top:15px;border-top-width:1px}.kk-natural .kk-contents .toc-content{font-size:12px}.kk-natural .entry-content h2{font-size:21px;line-height:1.8;margin:42px 0 23px;padding-bottom:16px}.kk-natural .entry-content p{font-size:15px;line-height:2.2}.kk-natural .entry-content figure.wp-block-image{padding:18px 15px 12px;margin:25px 0}.kk-natural .entry-content figure.wp-block-image img{max-height:440px}.kk-natural .entry-content :is(figcaption,.wp-block-image figcaption){font-size:10px;text-align:left;line-height:1.8}.kk-natural .kk-product-grid{grid-template-columns:1fr;gap:14px}.kk-natural .kk-product{padding:20px}.kk-natural .kk-product h3{font-size:23px}.kk-natural .kk-product-button{padding:12px 15px;font-size:12px}.kk-natural .kk-product-variant{font-size:11px}.kk-natural .related-entry-heading{font-size:21px}.kk-natural #footer-in{padding-inline:22px}.kk-natural .footer-bottom{display:block}.kk-natural .footer-bottom-content{text-align:left;margin-top:22px}.kk-natural #navi-footer ul{justify-content:flex-start}.kk-natural #navi-footer a{font-size:10px;padding:0 12px 0 0}.kk-natural .logo-footer .site-name{font-size:19px}.kk-natural .copyright{font-size:9px}}
@media(max-width:380px){.kk-natural .kk-home-title{font-size:28px}.kk-natural .logo-header .site-name{font-size:17px}.kk-natural .entry-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.kk-natural{scroll-behavior:auto}}