@charset "UTF-8";
/*
Theme Name: Cocoon Child
Template: cocoon-master
Description: ysd-tv.com リニューアル（B モダン・ミニマル）
Version: 3.0.0
*/

:root{
  --ysd-ink:#16181D;
  --ysd-sub:#5A5F6A;
  --ysd-bg:#F4F4F1;
  --ysd-card:#FFFFFF;
  --ysd-tile:#E6E4DE;
  --ysd-accent:#E2462A;
  --ysd-accent-dark:#C93A20;
  --ysd-r-lg:24px;
  --ysd-r-md:16px;
  --ysd-latin:'Space Grotesk',sans-serif;
  --ysd-body:'Noto Sans JP','Hiragino Sans',sans-serif;
}

body{font-family:var(--ysd-body);color:var(--ysd-ink);background:var(--ysd-bg);line-height:1.9;-webkit-font-smoothing:antialiased;}
a{color:var(--ysd-ink);transition:opacity .15s,color .15s;}
a:hover{color:var(--ysd-ink);opacity:.72;}
#container, .content, .wrap{background:transparent;}
.main{background:transparent;border:none;padding:0;}
.sidebar{background:transparent;border:none;padding:0;}

.header-container{background:var(--ysd-card);border-bottom:none;}
.header{background:var(--ysd-card);}
.header-in{min-height:auto;padding:18px 0 6px;}
.logo-text{padding:0;}
.site-name-text{font-family:var(--ysd-latin), var(--ysd-body);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--ysd-ink);}
.site-name-text::before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--ysd-accent);margin-right:10px;vertical-align:middle;}
.tagline{font-size:12px;color:var(--ysd-sub);font-weight:500;}

#navi, .navi{background:var(--ysd-card);}
#navi .navi-in > ul{justify-content:center;gap:6px;padding:8px 0 14px;}
#navi .navi-in > ul > li{width:auto;}
#navi .navi-in > ul > li > a{color:var(--ysd-ink);font-weight:500;font-size:14px;height:auto;padding:10px 16px;border-radius:999px;}
#navi .navi-in > ul > li > a:hover{background:var(--ysd-bg);opacity:1;}
#navi .navi-in > ul > li.menu-line > a{background:var(--ysd-ink);color:#fff;padding:12px 22px;white-space:nowrap;line-height:1.4;}
#navi .navi-in > ul > li.menu-line > a:hover{background:var(--ysd-accent);color:#fff;}

.ysd-hero{background:var(--ysd-card);border-radius:28px;padding:56px 48px;margin:0 0 20px;}
.ysd-hero-in{display:flex;flex-wrap:wrap;gap:48px;align-items:center;}
.ysd-hero-copy{flex:999 1 400px;min-width:0;}
.ysd-badge{display:inline-flex;align-items:center;gap:8px;background:var(--ysd-bg);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;}
.ysd-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ysd-accent);}
.ysd-hero-title{margin:24px 0 0;font-weight:900;font-size:52px;line-height:1.25;letter-spacing:-.01em;color:var(--ysd-ink);}
.ysd-hero p{margin:20px 0 0;font-size:16px;line-height:1.95;color:var(--ysd-sub);}
.ysd-hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.ysd-pill{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;}
.ysd-pill-primary{background:var(--ysd-accent);color:#fff !important;}
.ysd-pill-primary:hover{background:var(--ysd-accent-dark);opacity:1;}
.ysd-pill-ghost{background:var(--ysd-bg);color:var(--ysd-ink) !important;}

.ysd-stats{flex:1 1 280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ysd-stat{background:var(--ysd-bg);border-radius:20px;padding:22px 20px;}
.ysd-stat b{display:block;font-family:var(--ysd-latin);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.03em;}
.ysd-stat b small{font-size:17px;letter-spacing:0;}
.ysd-stat span{display:block;font-size:12px;color:var(--ysd-sub);margin-top:10px;}
.ysd-stat-wide{grid-column:span 2;background:var(--ysd-ink);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.ysd-stat-wide span{color:#B9BDC6;}
.ysd-stat-wide b i{font-style:normal;color:var(--ysd-accent);}
.ysd-stat-by{font-size:11px;color:#B9BDC6;text-align:right;line-height:1.6;}

.ysd-start{background:var(--ysd-card);border-radius:28px;padding:36px 32px;margin:0 0 36px;}
.ysd-eyebrow{font-family:var(--ysd-latin);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ysd-accent);}
.ysd-section-title{margin:4px 0 20px;font-size:26px;font-weight:900;}
.ysd-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.ysd-start-card{display:flex;flex-direction:column;gap:10px;background:var(--ysd-bg);border-radius:20px;padding:22px;text-decoration:none;transition:transform .15s;}
.ysd-start-card:hover{transform:translateY(-3px);opacity:1;}
.ysd-start-num{font-family:var(--ysd-latin);font-weight:700;font-size:13px;color:var(--ysd-accent);}
.ysd-start-title{font-size:16px;font-weight:700;line-height:1.65;}
.ysd-start-for{font-size:12px;color:var(--ysd-sub);margin-top:auto;}

.list-title, .archive-title{font-size:28px;font-weight:900;border:none;padding:0;margin-bottom:20px;}
#list.ect-entry-card, .list.ect-entry-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ect-entry-card .entry-card-wrap{background:var(--ysd-card);border-radius:var(--ysd-r-lg);overflow:hidden;padding:0;margin:0;border:none;box-shadow:none !important;height:100%;}
.ect-entry-card .entry-card-wrap:hover{background:var(--ysd-card);opacity:1;transform:translateY(-3px);transition:transform .15s;}
.ect-entry-card .entry-card{display:flex;flex-direction:column;height:100%;}
.ect-entry-card .entry-card-thumb{float:none;width:100%;margin:0;}
.ect-entry-card .entry-card-thumb img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:0;display:block;}
.ect-entry-card .entry-card-content{margin:0;padding:20px 22px 22px;}
.entry-card-title{font-size:17px;font-weight:700;line-height:1.65;margin:0;}
.entry-card-snippet{font-size:13px;line-height:1.8;color:var(--ysd-sub);margin-top:8px;}
.cat-label{background:rgba(255,255,255,.92);color:var(--ysd-ink);border:none;border-radius:999px;font-weight:500;font-size:11px;top:12px;left:12px;padding:4px 10px;}
.entry-card-meta, .post-date, .entry-date{color:var(--ysd-sub);font-family:var(--ysd-latin);font-size:12px;}
.entry-card-meta .admin-pv, .entry-card .admin-pv{display:none;}

.pagination{margin-top:28px;}
.pagination .page-numbers{border:none;background:var(--ysd-card);border-radius:999px;color:var(--ysd-ink);font-weight:700;}
.pagination .current{background:var(--ysd-ink);color:#fff;}
.pagination-next-link{border:none;border-radius:999px;font-weight:700;background:var(--ysd-ink);color:#fff !important;}
.pagination-next-link:hover{background:var(--ysd-accent);opacity:1;}

.sidebar .widget{background:var(--ysd-card);border-radius:var(--ysd-r-lg);padding:24px;margin-bottom:16px;}
.sidebar h3, .widget-sidebar-title{background:transparent;color:var(--ysd-ink);font-size:15px;font-weight:900;padding:0;margin:0 0 12px;border:none;border-radius:0;}
.widget_categories ul li a, .widget_recent_entries ul li a{border:none;border-radius:12px;padding:10px 12px;font-weight:500;font-size:14px;}
.widget_categories ul li a:hover, .widget_recent_entries ul li a:hover{background:var(--ysd-bg);opacity:1;}
.search-edit{border-radius:999px;background:var(--ysd-bg);border:none;}

.sidebar .widget_custom_html{padding:0;background:transparent;}
.ysd-line-box{background:var(--ysd-ink);color:#fff;border-radius:var(--ysd-r-lg);padding:28px 24px;}
.ysd-line-label{font-family:var(--ysd-latin);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ysd-accent);}
.ysd-line-title{font-size:19px;font-weight:900;line-height:1.55;margin-top:8px;}
.ysd-line-sub{font-size:13px;color:#B9BDC6;margin-top:8px;}
.ysd-btn{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:18px;padding:0 24px;background:var(--ysd-accent);color:#fff !important;font-weight:700;border-radius:999px;text-decoration:none;}
.ysd-btn:hover{background:var(--ysd-accent-dark);opacity:1;}

.single .main, .page .main{background:var(--ysd-card);border-radius:28px;padding:48px;}
.entry-title, .article h1{font-size:32px;font-weight:900;line-height:1.5;}
.article{font-size:17px;line-height:2;}
.article p{margin-bottom:1.5em;}
.eye-catch img{border-radius:20px;}
.date-tags .post-date, .date-tags .post-update{font-family:var(--ysd-latin);}
.cat-link{background:var(--ysd-bg);color:var(--ysd-ink);border-radius:999px;padding:4px 12px;}
.tag-link{border-radius:999px;}

.article h2{background:var(--ysd-bg);color:var(--ysd-ink);font-size:24px;font-weight:900;line-height:1.5;padding:18px 24px;margin:56px 0 24px;border:none;border-radius:var(--ysd-r-md);}
.article h3{background:transparent;font-size:20px;font-weight:900;padding:0 0 0 18px;margin:40px 0 16px;border:none;position:relative;}
.article h3::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ysd-accent);}
.article h4{border:none;padding:0;font-weight:900;}

.toc{background:var(--ysd-bg);border:none;border-radius:var(--ysd-r-lg);padding:24px 28px;width:100%;box-sizing:border-box;}
.toc-title{font-weight:900;text-align:left;font-size:15px;}
.toc-content a{color:var(--ysd-ink);}

.ysd-summary{background:var(--ysd-bg);border-radius:var(--ysd-r-lg);padding:24px 28px;margin:32px 0;}
.ysd-summary-title{font-family:var(--ysd-latin);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ysd-accent);}
.ysd-summary ul{margin:10px 0 0;}

.ysd-prompt{background:var(--ysd-ink);border-radius:var(--ysd-r-md);overflow:hidden;margin:32px 0;}
.ysd-prompt-head{padding:12px 20px;border-bottom:1px solid #2C2F37;color:#E7E9EE;font-size:13px;font-weight:700;}
.ysd-prompt pre, .article pre{margin:0;padding:20px;background:var(--ysd-ink);color:#E7E9EE;font-size:14px;line-height:1.8;white-space:pre-wrap;border:none;border-radius:var(--ysd-r-md);}

.ysd-note{background:#FCEDE9;border-radius:var(--ysd-r-md);padding:20px 24px;font-size:15px;margin:32px 0;}

.blank-box{border-color:var(--ysd-tile);border-radius:var(--ysd-r-md);}
.blogcard{border:none;background:var(--ysd-bg);border-radius:var(--ysd-r-md);}

.related-entry-heading, .comment-title{font-size:20px;font-weight:900;border:none;background:transparent;padding:0;}
.related-entry-card-wrap{box-shadow:none !important;border-radius:var(--ysd-r-md);}
.related-entry-card-wrap:hover{background:var(--ysd-bg);}
.related-entry-card-thumb img{border-radius:12px;}
.author-box{border:none;background:var(--ysd-bg);border-radius:var(--ysd-r-lg);padding:24px;}
.author-box .author-name{font-weight:900;}

.ysd-bottom-cta{background:var(--ysd-ink);color:#fff;border-radius:28px;margin:40px 0 0;padding:44px 44px;}
.ysd-bottom-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;}
.ysd-bottom-cta-title{font-weight:900;font-size:26px;line-height:1.5;}
.ysd-bottom-cta-title i{font-style:normal;color:var(--ysd-accent);}
.ysd-bottom-cta p{margin:12px 0 0;color:#B9BDC6;font-size:15px;}
.ysd-bottom-cta .ysd-btn{margin-top:0;padding:0 32px;min-height:56px;font-size:16px;}

.footer{background:var(--ysd-card);color:var(--ysd-sub);margin-top:48px;}
.footer a{color:var(--ysd-sub);}
.footer-bottom-logo .site-name-text{font-size:20px;}
.copyright{color:var(--ysd-sub);font-family:var(--ysd-latin);font-size:12px;}

@media screen and (max-width:834px){
  .ysd-hero{padding:36px 22px;border-radius:22px;}
  .ysd-hero-title{font-size:38px;}
  .ysd-stat b{font-size:34px;}
  .ysd-start{padding:26px 20px;border-radius:22px;}
  .ysd-bottom-cta{padding:32px 22px;border-radius:22px;}
  .ysd-bottom-cta-title{font-size:21px;}
  .single .main, .page .main{padding:28px 20px;border-radius:22px;}
}
@media screen and (max-width:600px){
  #list.ect-entry-card, .list.ect-entry-card{grid-template-columns:minmax(0,1fr);}
  .entry-title, .article h1{font-size:24px;}
  .article{font-size:16px;}
  .article h2{font-size:20px;padding:14px 18px;}
}