@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
*/

/* Gridder Design System v1.0 */
:root{
  --gridder-brown:#5A3825;
  --gridder-brown-soft:#76513D;
  --gridder-orange:#F28C28;
  --gridder-orange-dark:#D96F0B;
  --gridder-cream:#FFF7ED;
  --gridder-paper:#FFFDF9;
  --gridder-sand:#F3E6D8;
  --gridder-ink:#2E241F;
  --gridder-muted:#6F625B;
  --gridder-line:#E8D8CA;
}
html{scroll-behavior:smooth}
body{
  color:var(--gridder-ink);
  background:var(--gridder-paper);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height:1.8;
}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
#header{
  background:rgba(255,253,249,.97);
  border-bottom:1px solid var(--gridder-line);
  box-shadow:0 4px 20px rgba(90,56,37,.05);
}
#header-in{
  min-height:76px;
  max-width:1120px;
  padding:0 24px;
  display:flex;
  align-items:center;
}
.logo-header{margin:0}
.logo-header .site-name-text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.logo-header .site-name-text{display:inline-flex;align-items:center}
.logo-header img{display:none!important}
.logo-header .site-name-text-link:before{
  content:"";
  width:46px;height:46px;display:block;flex:none;
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.logo-header .site-name-text-link:after{
  content:"GRIDDER";
  color:var(--gridder-brown);
  font-size:1.45rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
.navi{background:var(--gridder-paper);border-bottom:1px solid var(--gridder-line)}
.navi-in>ul{max-width:1120px;margin:auto;justify-content:flex-end}
.navi-in a{color:var(--gridder-brown);font-size:.92rem;font-weight:700}
.navi-in a:hover{background:var(--gridder-cream);color:var(--gridder-orange-dark)}
#content{margin-top:0}
.main{border:none;box-shadow:none;background:var(--gridder-paper)}
.entry-title{color:var(--gridder-brown);font-weight:900;letter-spacing:-.02em}
.entry-content h2{color:var(--gridder-brown);border:none;background:transparent;padding:.15em 0 .45em;margin-top:2.4em;border-bottom:3px solid var(--gridder-orange)}
.entry-content h3{color:var(--gridder-brown);border-left:4px solid var(--gridder-orange);padding-left:.8em}
.entry-content a{color:var(--gridder-orange-dark)}
.breadcrumb{color:var(--gridder-muted)}
.article-footer .sns-share,.article-footer .sns-follow{border-top:1px solid var(--gridder-line)}
.footer{background:var(--gridder-brown);color:var(--gridder-cream)}
.footer a{color:var(--gridder-cream)}
.footer-bottom{margin-top:0}

/* Shared page components */
.grd-page{color:var(--gridder-ink);line-height:1.85}
.grd-page *{box-sizing:border-box}
.grd-page a{text-decoration:none}
.grd-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.grd-section{padding:88px 0}
.grd-section-soft{background:#FBF4EC}
.grd-kicker{color:var(--gridder-orange-dark);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.grd-page h1,.grd-page h2,.grd-page h3{border:0;background:none;padding:0;color:var(--gridder-brown)}
.grd-page h1{font-size:clamp(2.25rem,5.4vw,4.75rem);line-height:1.22;letter-spacing:-.045em;margin:18px 0 24px}
.grd-page h2{font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.4;margin:8px 0 18px}
.grd-page h3{font-size:1.16rem;margin:0 0 10px}
.grd-lead{max-width:720px;color:var(--gridder-muted);font-size:1.08rem;margin:0 0 30px}
.grd-actions{display:flex;gap:12px;flex-wrap:wrap}
.grd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:12px 24px;border-radius:999px;
  font-weight:800;text-decoration:none!important;border:2px solid transparent;
}
.grd-btn:hover{transform:translateY(-2px)}
.grd-btn-primary{background:var(--gridder-orange);color:#fff!important;box-shadow:0 10px 25px rgba(242,140,40,.23)}
.grd-btn-primary:hover{background:var(--gridder-orange-dark)}
.grd-btn-secondary{background:#fff;color:var(--gridder-brown)!important;border-color:var(--gridder-brown)}
.grd-hero{
  margin-inline:calc(50% - 50vw);
  background:linear-gradient(135deg,var(--gridder-cream) 0%,#FFFDF9 56%,#F8DFCA 100%);
  padding:92px 0 84px;overflow:hidden;
}
.grd-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:72px;align-items:center}
.grd-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gridder-brown-soft);font-weight:800;letter-spacing:.08em}
.grd-eyebrow:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--gridder-orange);transform:rotate(45deg)}
.grd-symbol{width:286px;height:286px;margin:auto;position:relative}
.grd-symbol:before{
  content:"";position:absolute;inset:0;
  background-repeat:no-repeat;background-position:center;background-size:contain;
  filter:drop-shadow(22px 24px 0 rgba(242,140,40,.14));
}
.grd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grd-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.grd-card{
  background:#fff;border:1px solid var(--gridder-line);border-radius:18px;
  padding:28px;box-shadow:0 8px 26px rgba(90,56,37,.055);
}
a.grd-card{display:block;color:var(--gridder-ink)}
a.grd-card:hover{border-color:var(--gridder-orange);transform:translateY(-3px)}
.grd-card p{color:var(--gridder-muted);margin:0}
.grd-icon{width:42px;height:42px;border-radius:12px;background:var(--gridder-cream);color:var(--gridder-orange-dark);display:grid;place-items:center;font-weight:900;margin-bottom:16px}
.grd-path{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px}
.grd-path>div{border-left:4px solid var(--gridder-orange);padding:20px 28px}
.grd-path strong{display:block;color:var(--gridder-brown);font-size:1.2rem;margin-bottom:6px}
.grd-path p{margin:0;color:var(--gridder-muted)}
.grd-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.grd-quote{background:var(--gridder-brown);color:#fff;border-radius:22px;padding:34px;font-size:1.14rem;font-weight:700}
.grd-quote small{display:block;color:#FFD3A6;margin-top:14px}
.grd-cta{margin-inline:calc(50% - 50vw);background:var(--gridder-orange);color:#fff;padding:68px 0}
.grd-cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
.grd-cta h2{color:#fff;margin:0 0 8px}
.grd-cta p{margin:0}
.grd-cta .grd-btn{background:#fff;color:var(--gridder-brown)!important}
.grd-page-head{margin-inline:calc(50% - 50vw);padding:72px 0;background:linear-gradient(135deg,var(--gridder-cream),#FFFDF9)}
.grd-page-head h1{font-size:clamp(2rem,4vw,3.5rem)}
.grd-search-box{background:var(--gridder-brown);color:#fff;border-radius:22px;padding:30px;margin:34px 0}
.grd-search-box strong{font-size:1.2rem}
.grd-search-box p{margin:6px 0 0;color:#F5E6DA}
.grd-label{display:inline-block;color:var(--gridder-orange-dark);font-size:.78rem;font-weight:900;letter-spacing:.08em;margin-bottom:8px}
.grd-list{display:grid;gap:14px;margin-top:28px}
.grd-list a{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--gridder-line);border-radius:14px;background:#fff;color:var(--gridder-brown);font-weight:800}
.grd-list a:after{content:"→";color:var(--gridder-orange)}
.grd-note{background:var(--gridder-cream);border-left:5px solid var(--gridder-orange);padding:24px;border-radius:0 14px 14px 0}
.grd-page .wpcf7{max-width:760px;margin:auto}
.grd-page .wpcf7 input,.grd-page .wpcf7 textarea,.grd-page .wpcf7 select{width:100%;border:1px solid var(--gridder-line);border-radius:10px;padding:12px;background:#fff}
.grd-page .wpcf7-submit{background:var(--gridder-orange)!important;color:#fff!important;font-weight:800;border:0!important;border-radius:999px!important;padding:14px 28px!important}
.page-id-64 #main{padding:0;background:transparent}
.page-id-64 .article-header,.page-id-64 .entry-title,.page-id-64 .date-tags,.page-id-64 .article-footer,.page-id-64 .author-info{display:none!important}
.page-id-64 .entry-content{margin:0}
.page-id-64 #content{width:100%;max-width:none}
.page-id-64 .content-in{width:100%;max-width:none}
.page-id-64 .main{width:100%;max-width:none}
@media(max-width:834px){
  #header-in{min-height:64px;padding:0 18px}
  .logo-header .site-name-text-link:before{width:40px;height:40px}
  .logo-header .site-name-text-link:after{font-size:1.18rem}
  .navi{display:none}
  .grd-wrap{width:min(100% - 32px,1120px)}
  .grd-section{padding:64px 0}
  .grd-hero{padding:64px 0}
  .grd-hero-grid,.grd-story{grid-template-columns:1fr;gap:38px}
  .grd-symbol{width:190px;height:190px}
  .grd-grid,.grd-grid-2,.grd-path{grid-template-columns:1fr}
  .grd-path{gap:14px}
  .grd-cta-inner{display:block}
  .grd-cta .grd-btn{margin-top:22px}
  .grd-page-head{padding:54px 0}
}
@media(max-width:480px){
  .grd-page h1{font-size:2.18rem}
  .grd-card{padding:22px}
  .grd-btn{width:100%}
}

/* Gridder page presentation */
#appeal{display:none!important}
.page-id-210 .entry-title,.page-id-12 .entry-title,.page-id-21 .entry-title,.page-id-144 .entry-title{display:none!important}
.page-id-210 .article-header,.page-id-12 .article-header,.page-id-21 .article-header,.page-id-144 .article-header{min-height:0;margin:0}
.page-id-210 .entry-content,.page-id-12 .entry-content,.page-id-21 .entry-content,.page-id-144 .entry-content{margin-top:0}
.page-id-210 #main,.page-id-12 #main,.page-id-21 #main,.page-id-144 #main{padding-top:0}


/* Gridder landing-page cleanup */
html,body{overflow-x:hidden}
.page-id-210 .article-header,.page-id-12 .article-header,.page-id-21 .article-header,.page-id-144 .article-header,
.page-id-210 .breadcrumb,.page-id-12 .breadcrumb,.page-id-21 .breadcrumb,.page-id-144 .breadcrumb,
.page-id-210 .article-footer,.page-id-12 .article-footer,.page-id-21 .article-footer,.page-id-144 .article-footer,
.page-id-210 .author-info,.page-id-12 .author-info,.page-id-21 .author-info,.page-id-144 .author-info{display:none!important}
.page-id-210 #content,.page-id-12 #content,.page-id-21 #content,.page-id-144 #content{margin-top:0}
.mobile-menu-buttons{background:var(--gridder-brown)!important}
.mobile-menu-buttons .menu-button>a{color:var(--gridder-cream)!important}


.page-id-157 .article-header,.page-id-161 .article-header,
.page-id-157 .breadcrumb,.page-id-161 .breadcrumb,
.page-id-157 .article-footer,.page-id-161 .article-footer,
.page-id-157 .author-info,.page-id-161 .author-info{display:none!important}
.page-id-157 #content,.page-id-161 #content{margin-top:0}


.page-id-167 .article-header,.page-id-167 .breadcrumb,.page-id-167 .article-footer,.page-id-167 .author-info{display:none!important}
.page-id-167 #content{margin-top:0}
.template-list{width:min(1120px,calc(100% - 48px));margin:36px auto 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.template-list .listing-item{background:#fff;border:1px solid var(--gridder-line);border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(90,56,37,.055)}
.template-list .listing-item a{color:var(--gridder-brown);font-weight:800}
@media(max-width:834px){.template-list{width:min(100% - 32px,1120px);grid-template-columns:1fr}}


/* Center the primary navigation */
.navi-in>ul{justify-content:center!important;}

/* Use registered PNG logo assets (no CSS/SVG logo drawing) */
.logo-header .site-name-text-link:before,
.logo-header .site-name-text-link:after{display:none!important;}
.logo-header img.header-site-logo-image{display:block!important;width:auto!important;height:46px!important;max-height:46px!important;object-fit:contain!important;}
.grd-symbol:before{background-image:url('https://gridder.jp/wp-content/uploads/2026/08/gridder-mark-base-v3.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}


/* Keep a single registered header logo visible */
.logo-header img.site-logo-image{display:block!important;}
.logo-header img.site-fixed-logo-image{display:none!important;}