/*!
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
*/
 :root{--tl-bg:#f8fafc;--tl-surface:#fff;--tl-ink:#0f172a;--tl-ink-2:#475569;--tl-muted:#64748b;--tl-line:#e2e8f0;--tl-line-soft:#f1f5f9;--tl-accent:#ac4f59;--tl-accent-d:#8f3f49;--tl-accent-soft:#fbeef0;--tl-c-rose:#ac4f59;--tl-c-blue:#1d4ed8;--tl-c-amber:#b45309;--tl-c-indigo:#4338ca;--tl-c-emerald:#047857;--tl-c-slate:#475569;--tl-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);--tl-shadow-h:0 10px 30px rgba(15,23,42,.10);--tl-radius:16px;--tl-read:720px;--tl-browse:1120px;--tl-pad:16px}.tl-scope{color:var(--tl-ink);line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}.tl-scope *{box-sizing:border-box}.tl-scope a{color:inherit;text-decoration:none}.tl-serif{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif}.tl-scope .tl-wrap{width:100%;max-width:var(--tl-browse);margin:0 auto;padding:0 var(--tl-pad)}.tl-scope .tl-sec{padding:32px 0}.tl-scope .tl-sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;flex-wrap:wrap}.tl-scope .tl-sec-head .en{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-accent)}.tl-scope .tl-sec-head h2{font-size:19px;letter-spacing:.02em;margin:0;border:0;padding:0}.tl-scope .tl-sec-head .more{margin-left:auto;font-size:13px;font-weight:600;color:var(--tl-muted)}.tl-scope .tl-sec-head .more:hover{color:var(--tl-accent)}.tl-scope .tl-hero{text-align:center;padding:40px 0 24px}.tl-scope .tl-eyebrow{display:inline-block;font-size:12px;font-weight:700;color:var(--tl-accent);background:var(--tl-accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:16px}.tl-scope .tl-hero h1{font-size:26px;line-height:1.4;margin:0 0 12px;border:0}.tl-scope .tl-hero p{color:var(--tl-ink-2);font-size:15px;max-width:620px;margin:0 auto 22px}.tl-scope .tl-search{max-width:640px;margin:0 auto;background:var(--tl-surface);border:1px solid var(--tl-line);border-radius:var(--tl-radius);box-shadow:var(--tl-shadow);padding:8px;display:flex;flex-direction:column;gap:8px}.tl-scope .tl-search input{width:100%;border:0;outline:0;font-size:16px;padding:12px 14px;background:#fff0;color:var(--tl-ink)}.tl-scope .tl-search button{background:var(--tl-accent);color:#fff;border:0;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer}.tl-scope .tl-search button:hover{background:var(--tl-accent-d)}.tl-scope .tl-hint{margin-top:12px;font-size:13px;color:var(--tl-muted)}.tl-scope .tl-hint a{color:var(--tl-accent);font-weight:600}.tl-scope .tl-grid{display:grid;grid-template-columns:1fr;gap:12px}.tl-scope .tl-card{background:var(--tl-surface);border:1px solid var(--tl-line);border-radius:var(--tl-radius);padding:18px;box-shadow:var(--tl-shadow);transition:transform .15s,box-shadow .15s;display:block}.tl-scope .tl-card:hover{transform:translateY(-3px);box-shadow:var(--tl-shadow-h)}.tl-scope .tl-card h3{font-size:17px;margin:0 0 4px;border:0}.tl-scope .tl-card p{font-size:13px;color:var(--tl-muted);line-height:1.6;margin:0}.tl-scope .tl-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:12px}.tl-scope .tl-b-rose{background:#fbeef0;color:var(--tl-c-rose)}.tl-scope .tl-b-blue{background:#eaf0fe;color:var(--tl-c-blue)}.tl-scope .tl-b-amber{background:#fdf1e3;color:var(--tl-c-amber)}.tl-scope .tl-b-indigo{background:#ecebfb;color:var(--tl-c-indigo)}.tl-scope .tl-b-emerald{background:#e6f4ef;color:var(--tl-c-emerald)}.tl-scope .tl-b-slate{background:#eef2f7;color:var(--tl-c-slate)}.tl-scope .tl-tools{background:var(--tl-surface);border:1px solid var(--tl-line);border-radius:var(--tl-radius);box-shadow:var(--tl-shadow);padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tl-scope .tl-tool{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border-radius:12px;font-weight:700;font-size:13.5px;color:var(--tl-ink-2)}.tl-scope .tl-tool:hover{background:var(--tl-accent-soft);color:var(--tl-accent)}.tl-scope .tl-tool .ic{width:32px;height:32px;border-radius:10px;background:var(--tl-line-soft);display:flex;align-items:center;justify-content:center;font-size:17px}.tl-scope .tl-two{display:grid;grid-template-columns:1fr;gap:28px}.tl-scope .tl-list{list-style:none;margin:0;padding:0}.tl-scope .tl-list li{border-bottom:1px solid var(--tl-line);padding:13px 0;margin:0}.tl-scope .tl-list li:first-child{border-top:1px solid var(--tl-line)}.tl-scope .tl-list a{display:flex;flex-direction:column;gap:2px}.tl-scope .tl-list a:hover .t{color:var(--tl-accent)}.tl-scope .tl-list .d{font-size:12px;color:var(--tl-muted);font-variant-numeric:tabular-nums}.tl-scope .tl-list .t{font-size:14.5px;color:var(--tl-ink);line-height:1.55}.tl-scope .tl-qa{background:var(--tl-surface);border:1px solid var(--tl-line);border-radius:var(--tl-radius);box-shadow:var(--tl-shadow);padding:6px}.tl-scope .tl-qa details{border-bottom:1px solid var(--tl-line);padding:2px}.tl-scope .tl-qa details:last-child{border-bottom:0}.tl-scope .tl-qa summary{cursor:pointer;list-style:none;padding:4px}.tl-scope .tl-qa summary::-webkit-details-marker{display:none}.tl-scope .tl-qa .tl-qh{margin:0;padding:11px 6px;font-size:15px;font-weight:700;line-height:1.55;display:flex;gap:10px;align-items:flex-start;border:0;color:var(--tl-ink)}.tl-scope .tl-qa .tl-qh .q{color:var(--tl-accent);font-weight:800;flex:none}.tl-scope .tl-qa .tl-qh .mk{margin-left:auto;color:var(--tl-muted);font-weight:400;transition:transform .2s}.tl-scope .tl-qa details[open] .tl-qh .mk{transform:rotate(45deg)}.tl-scope .tl-qa .a{padding:0 10px 16px 32px;color:var(--tl-ink-2);font-size:14px}.tl-scope .tl-qa .a p{margin:0 0 8px}.tl-scope .tl-qa .a a{color:var(--tl-accent);font-weight:600}.tl-scope .tl-qa .a a:hover{text-decoration:underline}.tl-scope .tl-links{display:grid;grid-template-columns:1fr;gap:10px}.tl-scope .tl-link{background:var(--tl-surface);border:1px solid var(--tl-line);border-radius:12px;padding:14px 16px;font-size:14px;font-weight:600;color:var(--tl-ink-2);display:flex;justify-content:space-between;align-items:center;gap:8px}.tl-scope .tl-link:hover{border-color:var(--tl-accent);color:var(--tl-accent)}.tl-scope .tl-link span{color:var(--tl-muted);font-weight:400;font-size:12px;white-space:nowrap}.single .entry-content .tl-read-body,.tl-scope .tl-read-body{max-width:var(--tl-read);margin-left:auto;margin-right:auto}@media screen and (min-width:600px){:root{--tl-pad:24px}.tl-scope .tl-hero h1{font-size:32px}.tl-scope .tl-search{flex-direction:row;align-items:center;padding:10px}.tl-scope .tl-search button{padding:0 26px;height:52px}.tl-scope .tl-grid{grid-template-columns:repeat(2,1fr);gap:16px}.tl-scope .tl-tools{grid-template-columns:repeat(4,1fr);gap:8px}.tl-scope .tl-links{grid-template-columns:repeat(2,1fr)}.tl-scope .tl-list a{flex-direction:row;gap:14px;align-items:baseline}.tl-scope .tl-list .d{white-space:nowrap}}@media screen and (min-width:900px){.tl-scope .tl-hero{padding:64px 0 36px}.tl-scope .tl-hero h1{font-size:40px}.tl-scope .tl-sec{padding:44px 0}.tl-scope .tl-grid{grid-template-columns:repeat(4,1fr)}.tl-scope .tl-two{grid-template-columns:1fr 1fr;gap:36px}.tl-scope .tl-links{grid-template-columns:repeat(3,1fr)}.tl-scope .tl-sec-head h2{font-size:22px}}@media screen and (min-width:1200px){:root{--tl-browse:1200px}.tl-scope .tl-grid{gap:18px}}