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

/* Sumai homepage draft styles — 2026-09-11 */

.tako-page{--ink:#193b35;--accent:#146456;--paper:#faf8f1;--line:#d7dfd7;--soft:#eef2e9;--muted:#5c6c63;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;background:var(--paper);color:var(--ink);font:16px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}.tako-page[data-site="digital"]{--ink:#122439;--accent:#264bc4;--paper:#f6f8fb;--line:#d7dfe9;--soft:#eaf0f8;--muted:#5d6c7e}
.tako-page *{box-sizing:border-box}.tako-page a{color:inherit;text-underline-offset:.25em}.tako-page a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.tako-page h1,.tako-page h2,.tako-page h3,.tako-page p{margin:0}.tako-page h1,.tako-page h2,.tako-page h3{color:var(--ink);line-height:1.5;letter-spacing:.02em;border:0;background:none;padding:0}.tako-page h1:before,.tako-page h2:before,.tako-page h3:before{display:none}.tako-page img{display:block;width:100%;height:auto}.tk-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.tk-skip{position:absolute;top:-100px;left:20px;z-index:4}.tk-skip:focus{top:10px;background:white;padding:10px}.tk-utility{background:var(--ink);color:white;font-size:.875rem;padding:7px 0;letter-spacing:.06em}.tk-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;border-bottom:1px solid var(--line)}.tk-brand{text-decoration:none;display:block;line-height:1.35}.tk-brand small{display:block;font-size:.8125rem;letter-spacing:.14em;margin-bottom:5px}.tk-brand strong{font-size:1.625rem;letter-spacing:.07em}.tk-nav{display:flex;gap:26px;align-items:center;font-size:.9375rem}.tk-nav a{text-decoration:none}.tk-nav a:hover{color:var(--accent);text-decoration:underline}.tk-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-block:60px}.tk-eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.13em;color:var(--accent);margin-bottom:18px!important}.tako-page .tk-hero h1{font:600 clamp(2.35rem,3.4vw,3.4rem)/1.55 var(--serif);letter-spacing:.035em;margin-bottom:24px}.tk-intro{color:var(--muted);line-height:2.05}.tk-button{display:inline-flex;align-items:center;gap:25px;margin-top:28px;background:var(--accent);color:white!important;padding:13px 23px;text-decoration:none;font-size:.9375rem;border-radius:3px;font-weight:600}.tk-button:hover{filter:brightness(.9)}.tk-button span{font-size:1.4rem;font-weight:400}.tk-hero figure{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.tk-hero figure img{aspect-ratio:3/2;object-fit:cover;border-radius:3px}.tk-hero figcaption{font-size:.75rem;color:var(--muted);text-align:right;margin-top:7px}.tk-insight{display:grid;grid-template-columns:170px 1fr;gap:32px;border-block:1px solid var(--line);padding:28px 0;align-items:start}.tk-insight-label{font-size:.875rem;color:var(--accent);font-weight:700}.tako-page .tk-insight h2{font-size:1.375rem;margin-bottom:5px}.tk-insight p{color:var(--muted);font-size:.9375rem;max-width:760px}.tk-section{padding-block:60px}.tk-section-top{margin-bottom:28px}.tako-page .tk-section h2{font-size:1.85rem;font-weight:600}.tk-section-sub{color:var(--muted);font-size:.9375rem;margin-top:8px!important}.tk-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tk-entry{padding:26px 27px 22px;background:white;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;min-height:280px;transition:border-color .15s,transform .15s}.tk-entry:hover{border-color:var(--accent);transform:translateY(-3px)}.tk-entry-top{display:flex;gap:12px;align-items:center;font-size:.8125rem;color:var(--accent);font-weight:600}.tk-entry-number{font-family:ui-monospace,monospace;opacity:.8}.tako-page .tk-entry h3{font-size:1.4375rem;margin:17px 0 12px;line-height:1.65}.tk-entry p{font-size:.9375rem;color:var(--muted)}.tk-entry-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:.875rem;color:var(--accent)}.tk-entry p+.tk-entry-link{margin-top:20px}.tk-guides-band{background:var(--soft);border-block:1px solid var(--line)}.tk-guide{display:grid;grid-template-columns:.9fr 1.5fr;gap:60px;border-top:1px solid var(--line);padding-block:36px;scroll-margin-top:30px}.tk-guide-tag{font-size:.8125rem;color:var(--accent);font-weight:700;margin-bottom:12px!important}.tako-page .tk-guide h3{font-size:1.45rem;margin-bottom:16px}.tk-guide-lead{color:var(--muted);font-size:.9375rem}.tk-checklist{list-style:none;counter-reset:steps;padding:0;margin:0}.tk-checklist li{counter-increment:steps;position:relative;padding:0 0 19px 36px}.tk-checklist li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:3px;font:500 .8rem/1.5 ui-monospace,monospace;color:var(--accent)}.tk-checklist strong{font-size:1rem;display:block}.tk-checklist p{font-size:.9375rem;color:var(--muted);margin-top:4px}.tk-note{border-left:3px solid var(--accent);padding-left:16px;font-size:.9375rem;margin-top:2px!important}.tk-promise{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.tako-page .tk-promise h2{font:600 2rem/1.65 var(--serif)}.tk-promise p{color:var(--muted);margin-bottom:16px}.tk-textlink{font-size:.9375rem;color:var(--accent)!important}.tk-footer{border-top:1px solid var(--line);padding-block:35px}.tk-footer-top{display:flex;justify-content:space-between;gap:28px;align-items:start}.tk-footer-nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.875rem}.tk-footer-note{font-size:.8125rem;color:var(--muted);margin-top:23px!important}.tk-copyright{font-size:.75rem;color:var(--muted);margin-top:15px!important}.tk-document{max-width:790px;padding-block:58px 80px}.tk-breadcrumb{font-size:.8125rem;color:var(--muted);margin-bottom:20px!important}.tako-page .tk-document h1{font:600 2.5rem/1.5 var(--serif);margin-bottom:24px}.tk-document .tk-lead{font-size:1.125rem;color:var(--muted);margin-bottom:36px}.tako-page .tk-document h2{font-size:1.4rem;margin:38px 0 14px}.tk-document p+p{margin-top:18px}.tk-document ul{padding-left:24px}.tk-document li+li{margin-top:10px}.tk-draft-hero{border:1px solid var(--line);background:var(--soft);padding:30px}.tako-page[data-site="digital"] .tk-hero h1{font-family:inherit;font-weight:700;letter-spacing:-.025em}.tako-page[data-site="digital"] .tk-insight{background:var(--ink);color:white;padding:28px 30px;border:0}.tako-page[data-site="digital"] .tk-insight h2{color:white}.tako-page[data-site="digital"] .tk-insight p{color:#d5dfec}.tako-page[data-site="digital"] .tk-insight-label{color:#afc1ff}.tako-page[data-site="digital"] .tk-entry{border-top:3px solid var(--accent)}.tako-page[data-site="digital"] .tk-promise h2{font-family:inherit}
@media(max-width:1000px){.tk-wrap{width:calc(100% - 48px)}.tk-nav{gap:16px;font-size:.875rem}.tk-hero{gap:26px;padding-block:44px}.tako-page .tk-hero h1{font-size:2.5rem}.tk-guide{gap:30px}.tk-entry{padding:22px}.tk-entries{gap:15px}.tako-page .tk-entry h3{font-size:1.25rem}.tk-promise{gap:36px}}
@media(max-width:720px){.tk-wrap{width:calc(100% - 36px)}.tk-utility{font-size:.75rem;padding-block:6px}.tk-head{display:block;padding-block:20px}.tk-brand strong{font-size:1.4rem}.tk-nav{margin-top:19px;gap:22px;flex-wrap:wrap;font-size:.8125rem}.tk-hero{grid-template-columns:1fr;gap:28px;padding-block:35px}.tako-page .tk-hero h1{font-size:clamp(2.2rem,8.4vw,3rem);margin-bottom:20px}.tk-eyebrow{margin-bottom:14px!important}.tk-intro{font-size:.9375rem}.tk-button{margin-top:22px}.tk-insight{grid-template-columns:1fr;gap:10px;padding:23px 0}.tako-page[data-site="digital"] .tk-insight{padding:24px}.tako-page .tk-insight h2{font-size:1.2rem}.tk-section{padding-block:43px}.tk-section-top{margin-bottom:23px}.tako-page .tk-section h2{font-size:1.5rem}.tk-entries{grid-template-columns:1fr;gap:14px}.tk-entry{padding:23px;min-height:0}.tako-page .tk-entry h3{font-size:1.35rem;margin-top:12px}.tk-entry h3 br{display:none}.tk-entry-link{margin-top:18px}.tk-guide{grid-template-columns:1fr;gap:23px;padding-block:30px}.tako-page .tk-guide h3{font-size:1.3rem}.tk-promise{grid-template-columns:1fr;gap:20px}.tako-page .tk-promise h2{font-size:1.6rem}.tk-footer-top{display:block}.tk-footer-nav{margin-top:24px;gap:10px 20px}.tk-footer{padding-block:28px}.tk-document{padding-block:36px 55px}.tako-page .tk-document h1{font-size:2rem}.tk-document .tk-lead{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.tk-entry{transition:none}}


/* Site release 2026-09-11: responsive page frame */
body:has(.tako-page) #main{padding:0;border:0;border-radius:0;background:transparent;width:100%;max-width:none}
body:has(.tako-page) #content,body:has(.tako-page) #content-in{margin:0;padding:0;width:100%;max-width:none}
body:has(.tako-page) .article-header,body:has(.tako-page) .date-tags,body:has(.tako-page) .footer-meta,body:has(.tako-page) .author-info,body:has(.tako-page) #breadcrumb,body:has(.tako-page) .breadcrumb,body:has(.tako-page) .mobile-menu-buttons,body:has(.tako-page) .sns-share,body:has(.tako-page) .sns-follow,body:has(.tako-page) .related-entries,body:has(.tako-page) .pager-post-navi{display:none!important}
body:has(.tako-page) .entry-content,body:has(.tako-page) .article{margin:0}body:has(.tako-page){padding-bottom:0!important}
.tako-page .tk-head{padding-block:22px}.tako-page .tk-brand{flex-shrink:0}.tako-page .tk-nav{font-size:16px;gap:22px}
.tako-page .tk-nav a,.tako-page .tk-footer-nav a{display:inline-flex;align-items:center;min-height:44px}
.tako-page .tk-hero{grid-template-columns:1.1fr 1fr}.tako-page .tk-hero h1{font-size:clamp(2rem,3.6vw,3.25rem)}
.tako-page .tk-footer-nav{font-size:15px}
.tako-page .tk-feature-article{display:block;padding:30px 34px;border-block:1px solid var(--line);border-left:4px solid var(--accent);background:white;text-decoration:none}
.tako-page .tk-feature-article h3{font-size:1.55rem;line-height:1.7;margin:12px 0}.tako-page .tk-feature-article p{color:var(--muted);margin-bottom:18px}.tako-page .tk-feature-article:hover{border-color:var(--accent)}
.tako-page .tk-table-scroll{overflow-x:auto;margin-block:22px;border:1px solid var(--line)}.tako-page table{width:100%;border-collapse:collapse;min-width:470px;margin:0;font-size:15px}
.tako-page caption{text-align:left;padding:12px;background:var(--soft)}.tako-page th,.tako-page td{padding:13px 15px;border:1px solid var(--line);text-align:left;vertical-align:top;background:white}
.tako-page thead th{background:var(--ink);color:white}.tako-page tbody th{background:var(--soft)}.tako-page .tk-source{font-size:14px;color:var(--muted)}
.tako-page .tk-flow{display:grid;justify-items:center;padding:24px;border:1px solid var(--line);background:var(--soft);gap:6px}.tako-page .tk-flow span{background:white;border:1px solid var(--line);padding:10px 18px;width:min(100%,450px);text-align:center}
.tako-page .tk-document{max-width:850px}.tako-page .tk-document h1{text-wrap:pretty;font-size:clamp(1.8rem,3.2vw,2.5rem)}
@media(max-width:1050px){.tako-page .tk-head{align-items:start;flex-direction:column;gap:14px}.tako-page .tk-nav{margin-top:0}.tako-page .tk-hero{grid-template-columns:1fr;gap:30px}.tako-page .tk-hero figure{max-width:740px}.tako-page .tk-hero h1{font-size:clamp(2rem,5vw,3rem)}}
@media(max-width:720px){.tako-page .tk-wrap{width:calc(100% - 36px)}.tako-page .tk-head{padding-block:18px}.tako-page .tk-nav{gap:8px 18px;flex-wrap:wrap;font-size:14px}.tako-page .tk-brand strong{font-size:1.35rem;letter-spacing:.025em}.tako-page .tk-hero h1{font-size:clamp(1.8rem,7.5vw,2.5rem);letter-spacing:0;line-height:1.65}.tako-page .tk-intro br{display:none}.tako-page .tk-intro{font-size:16px}.tako-page .tk-feature-article{padding:22px}.tako-page .tk-feature-article h3{font-size:1.25rem}.tako-page .tk-footer-nav{font-size:14px}.tako-page .tk-document{padding-top:28px}}