@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Stereo Future Media editorial design
Theme URI: https://wp-cocoon.com/
Author: わいひら
Template: cocoon-master
Version: 2.0.0
*/
:root{--sf-bg:#101413;--sf-fg:#f3f2ee;--sf-muted:#b1b7b3;--sf-line:#3a413d;--sf-red:#ff6252}
html{scroll-behavior:smooth}
body{background:var(--sf-bg);color:var(--sf-fg);font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8}
a{color:inherit}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sf-red);outline-offset:5px}::selection{background:#f05646;color:#fff}
.header-container,.header,.navi{background:var(--sf-bg);color:var(--sf-fg);box-shadow:none}
.header-in{max-width:1320px;min-height:135px;margin:auto;padding:26px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.logo,.logo-text{margin:0;padding:0}.logo a{color:var(--sf-fg);padding:0}.logo .site-name-text{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(30px,4.3vw,59px);letter-spacing:-2.7px;line-height:1.1}
.tagline{font-size:10px;color:var(--sf-muted);letter-spacing:.12em;margin:13px 0 0;padding:0}
.header-in .logo{order:1}.header-in .tagline{order:2}
.navi-in a{color:var(--sf-fg);font-size:12px;font-weight:700}.navi-in a:hover{background:#252b28;color:var(--sf-red)}
/* Custom magazine occupies the main-before template slot. */
body.home:has(.sfd-magazine) #content{display:none}
body.home:has(.sfd-magazine) .skip-link{display:none}
.sfd-shell{max-width:1320px;padding:0 32px;margin:0 auto}
.sfd-shell,.sfd-shell *{box-sizing:border-box}.footer .footer-in{width:100%}
.sfd-skip{position:absolute;left:-10000px;top:auto}.sfd-skip:focus{position:fixed;left:20px;top:20px;z-index:100000;background:#fff;color:#111;padding:12px 20px}
.sfd-nav{display:flex;align-items:center;gap:27px;border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);min-height:56px;position:relative;z-index:3;flex-wrap:wrap}
.sfd-nav>a{font-size:12px;font-weight:700;text-decoration:none;padding:15px 0;white-space:nowrap}
.sfd-nav>a:hover,.sfd-nav .sfd-current{color:var(--sf-red)}
.sfd-current{position:relative}.sfd-current:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--sf-red)}
.sfd-search{margin-left:auto}.sfd-search summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:10px;letter-spacing:.12em}.sfd-search summary::-webkit-details-marker{display:none}.sfd-search summary>span:first-child{font-size:28px}
.sfd-search form{position:absolute;right:0;top:100%;width:360px;max-width:100%;display:flex;background:#1d2420;padding:18px;border:1px solid var(--sf-line);box-shadow:0 12px 30px #0006}
.sfd-search input{width:100%;min-width:0;border:0;border-bottom:1px solid #78847c;background:transparent;color:#fff;border-radius:0;font-size:14px;padding:10px}
.sfd-search button{white-space:nowrap;background:var(--sf-red);color:#141414;border:0;font-weight:700;padding:0 14px;cursor:pointer}
.sfd-magazine{padding:16px 0 50px}.sfd-magazine:focus{outline:none}.sfd-magazine h2,.sfd-magazine h3{background:none;color:inherit;border:0;padding:0}
.sfd-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:27px;align-items:stretch}
.sfd-card{min-width:0}.sfd-card>a{display:block;color:var(--sf-fg);text-decoration:none;height:100%}
.sfd-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#202925}
.sfd-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sfd-card>a:hover .sfd-image img{transform:scale(1.035)}.sfd-card>a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sfd-image-note{position:absolute;right:8px;top:7px;font-size:9px;letter-spacing:.08em;color:#eee;background:#101413a6;padding:1px 5px}
.sfd-copy{padding:12px 0 0}.sfd-category{display:block;color:var(--sf-red);font-size:11px;font-weight:700;letter-spacing:.025em;margin-bottom:6px}
.sfd-card h3{font-size:16px;line-height:1.75;margin:0 0 15px;font-weight:700;overflow-wrap:anywhere}
.sfd-card time{display:block;color:var(--sf-muted);font-size:11px;line-height:1.5}
.sfd-lead>a,.sfd-feature>a{position:relative;isolation:isolate;overflow:hidden;min-height:440px}
.sfd-lead .sfd-image,.sfd-feature .sfd-image{position:absolute;inset:0;aspect-ratio:auto;height:100%;z-index:-2}
.sfd-lead>a:after,.sfd-feature>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070d0def,transparent 95%);z-index:-1}
.sfd-lead .sfd-copy{display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;height:100%;padding:32px}
.sfd-lead h3{font-size:clamp(27px,3vw,44px);line-height:1.35;letter-spacing:-.04em;margin:3px 0 18px;max-width:22ch}
.sfd-excerpt{font-size:13px;line-height:1.9;color:#ddd;margin:0 0 22px;max-width:52ch}
.sfd-news{display:grid;grid-auto-rows:1fr}.sfd-brief{padding:12px 0;border-bottom:1px solid var(--sf-line)}.sfd-brief:first-child{padding-top:0}.sfd-brief:last-child{border-bottom:0;padding-bottom:0}
.sfd-brief>a{display:grid;grid-template-columns:38% 1fr;gap:15px;align-items:start}.sfd-brief .sfd-image{height:100%;min-height:100px;aspect-ratio:1.35}.sfd-brief .sfd-copy{padding:0}.sfd-brief h3{font-size:14px;line-height:1.65;margin:0 0 10px}
.sfd-editor-note{display:flex;flex-direction:column;justify-content:center;padding:34px;background:#161c18;border-top:2px solid var(--sf-red)}
.sfd-brief .sfd-image{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:1.4}.sfd-brief .sfd-copy{min-width:0}
.sfd-editor-note .sfd-statement{font-size:clamp(27px,3.1vw,42px);font-weight:800;line-height:1.55;letter-spacing:-.04em;margin:12px 0 22px}.sfd-editor-note p:not(.sfd-statement){font-size:13px;color:var(--sf-muted);line-height:2}.sfd-editor-note a{display:flex;justify-content:space-between;border-top:1px solid var(--sf-line);margin-top:20px;padding-top:18px;font-size:12px;text-decoration:none}
.sfd-section,.sfd-topics-section{margin-top:44px;scroll-margin-top:30px}.sfd-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sf-line);margin-bottom:20px;padding-bottom:12px}
.sfd-section-head h2{font-family:Arial,Meiryo,sans-serif;font-size:clamp(24px,2.6vw,36px);line-height:1.1;letter-spacing:-1px;font-weight:800;margin:0}
.sfd-section-head h2 small{display:inline-block;font-size:11px;letter-spacing:0;font-weight:400;margin-left:14px}
.sfd-section-head>a,.sfd-section-note{font-size:11px;color:#d5d9d5;text-decoration:none;white-space:nowrap}
.sfd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sfd-special,.sfd-interviews{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}
.sfd-special>.sfd-lead,.sfd-interviews>.sfd-lead{grid-row:span 2}
.sfd-feature>a{min-height:210px}.sfd-feature .sfd-copy{padding:24px;display:flex;flex-direction:column;justify-content:end;min-height:210px;height:100%}.sfd-feature h3{font-size:20px;line-height:1.5}
.sfd-topic-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}.sfd-topic-links>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--sf-line);font-size:13px;text-decoration:none}.sfd-topic-links>a:hover{color:var(--sf-red)}
.sfd-pages{display:flex;justify-content:center;gap:10px;margin:35px 0}.sfd-pages .page-numbers{border:1px solid var(--sf-line);padding:6px 15px;text-decoration:none}.sfd-pages .current{color:var(--sf-red);border-color:var(--sf-red)}
.sfd-empty{color:var(--sf-muted)}
.content{margin-top:30px}.content-in{max-width:1256px;gap:30px}.main,.sidebar{background:transparent;border:0;box-shadow:none;min-width:0}.main{padding:24px}.sidebar{padding:24px 10px}
.entry-card-wrap,.entry-card-wrap:hover{color:var(--sf-fg);background:transparent}.entry-card-title{font-size:19px;line-height:1.65;font-weight:700}.entry-card-snippet{color:var(--sf-muted);font-size:13px}.cat-label{color:white;background:#b82e25;border:0;border-radius:0}
.widget-title,.sidebar h3{background:none;color:var(--sf-fg);border:0;border-bottom:1px solid var(--sf-line);padding:0 0 13px;font-size:16px}
.search-edit{background:#202722;color:var(--sf-fg);border:1px solid var(--sf-line);border-radius:0}
.footer{margin:15px 0 0;padding:25px 32px 32px;background:var(--sf-bg);color:var(--sf-fg);border-top:1px solid var(--sf-line)}.footer-in{max-width:1256px}.footer a{color:var(--sf-fg)}.copyright{font-size:10px;color:var(--sf-muted)}
/* Reading canvas remains light, with a dark masthead. */
.single .main,.page:not(.home) .main{background:#f5f4f0;color:#202622;padding:40px}
.article{max-width:780px;margin:auto}.article h1{font-size:clamp(27px,3vw,40px);line-height:1.5;letter-spacing:-.03em}
.article .entry-content{font-size:17px;line-height:2.05}.article .entry-content a{color:#9e2c23;text-decoration:underline}.article h2{background:#ebe9e4;color:#202622;border:0;border-left:3px solid #b63227;padding:17px 22px;font-size:25px}.article h3{border:0;border-bottom:1px solid #ccc;padding-bottom:12px}.article p{margin-bottom:1.7em}.toc{color:#202622;background:#eeede7;border:1px solid #d2d0c9;border-radius:0}
.mobile-menu-buttons{background:#101413;color:var(--sf-fg);border-top:1px solid var(--sf-line)}.mobile-menu-buttons a{color:inherit}
@media(min-width:1100px){.header-in{position:relative;padding-left:180px;padding-right:180px}.header-in:before{content:"いまを知り、\Aこれからをおもしろく。";white-space:pre;position:absolute;left:32px;font-size:10px;letter-spacing:.05em;line-height:2;color:#d0d4cf}}
@media(max-width:1023px){.sfd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sfd-hero{grid-template-columns:1.3fr 1fr;gap:20px}.sfd-brief>a{grid-template-columns:34% 1fr;gap:12px}.sfd-lead .sfd-copy{padding:24px}.sfd-brief h3{font-size:13px}}
@media(max-width:767px){.sfd-shell{padding:0 20px}.header-in{padding:26px 20px;min-height:110px}.logo .site-name-text{font-size:clamp(26px,6.8vw,45px);letter-spacing:-1.5px}.sfd-nav{gap:20px}.sfd-nav>a{font-size:11px}.sfd-search summary>span:last-child{display:none}.sfd-hero{grid-template-columns:1fr}.sfd-lead .sfd-copy{min-height:400px}.sfd-news{grid-template-columns:1fr 1fr;gap:18px}.sfd-brief,.sfd-brief:first-child,.sfd-brief:last-child{padding:0 0 15px;border-bottom:1px solid var(--sf-line)}.sfd-brief>a{display:block}.sfd-brief .sfd-image{aspect-ratio:16/10;height:auto}.sfd-brief .sfd-copy{padding-top:10px}.sfd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.sfd-section-note{display:none}.sfd-section-head h2 small{display:block;margin:8px 0 0}.sfd-special,.sfd-interviews{grid-template-columns:1fr 1fr}.sfd-special>.sfd-lead,.sfd-interviews>.sfd-lead{grid-column:span 2;grid-row:auto}.sfd-feature h3{font-size:16px}.sfd-feature .sfd-copy{padding:15px}.sfd-topic-links{grid-template-columns:1fr 1fr}.sfd-editor-note{padding:25px}.sfd-editor-note .sfd-statement{font-size:28px}.sfd-editor-note .sfd-statement br{display:none}.single .main,.page:not(.home) .main{padding:23px}.article .entry-content{font-size:16px}}
@media(max-width:400px){.sfd-shell{padding:0 16px}.sfd-lead h3{font-size:29px}.sfd-card h3{font-size:14px}.sfd-lead h3{font-size:29px}.sfd-lead .sfd-copy{padding:22px;min-height:360px}.sfd-lead>a{min-height:360px}.sfd-section-head h2{font-size:25px}.sfd-section-head>a{font-size:10px}.sfd-category{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sfd-image img{transition:none}}
@media(max-width:767px){.sfd-nav{column-gap:16px;row-gap:0}.sfd-search summary{line-height:1.2;padding:10px 0}.sfd-search summary>span:first-child{font-size:23px}}
@media(max-width:767px){.header-container .logo .site-name-text{font-size:clamp(26px,6.8vw,45px)!important}.mobile-menu-buttons .menu-button,.mobile-menu-buttons .menu-caption,.mobile-menu-buttons .menu-icon{color:var(--sf-fg)}}