@charset "UTF-8";
/*!
  Theme Name: Cocoon Child - home株式会社
  Description: 全ページ共通スタイルのみ（各ページはPHPテンプレートで完結）
  Template: cocoon-master
  Version: 12.0.0 Clean
*/

/* ========================================
   CSS変数定義（全ページ共通）
   ======================================== */
:root {
  /* Canvas Animation Colors */
  --c-canvas-blue:      rgb(0, 180, 255);
  --c-canvas-purple:    rgb(100, 0, 150);
  --c-canvas-bg:        #0a0d20;
  
  /* Brand Colors */
  --c-primary:          var(--c-canvas-blue);
  --c-primary-hover:    #0090cc;
  --c-accent:           var(--c-canvas-purple);
  --c-gradient:         linear-gradient(135deg, var(--c-canvas-blue) 0%, var(--c-canvas-purple) 100%);
  
  /* Action Colors */
  --c-action:           #f59e0b;
  --c-action-hover:     #d97706;
  --c-success:          #16a34a;
  --c-error:            #dc2626;
  
  /* Background Colors */
  --c-bg:               #ffffff;
  --c-bg-alt:           #f8fafc;
  --c-bg-dark:          var(--c-canvas-bg);
  --c-border:           #e5e7eb;
  --c-cta-bg:           #152a5c;
  
  /* Text Colors */
  --c-text:             #1a1a1a;
  --c-text-secondary:   #555555;
  --c-text-muted:       #6b7280;
  
  /* Spacing */
  --space-xs:           8px;
  --space-sm:           16px;
  --space-md:           24px;
  --space-lg:           32px;
  --space-xl:           48px;
  --space-2xl:          64px;
  --space-3xl:          80px;
  --space-4xl:          120px;
  --space-5pct:         5%;
  --space-section-gap:  40px;
  
  /* Typography */
  --font-base:          'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-en:            'Inter', 'Montserrat', system-ui, sans-serif;
  --font-mono:          'SF Mono', Consolas, monospace;
  
  /* Layout & Components */
  --w-container:        1100px;
  --radius-sm:          4px;
  --radius-md:          8px;
  --radius-lg:          12px;
  --radius-full:        9999px;
  --shadow-card:        0 4px 20px rgba(0,0,0,0.08);
  --shadow-hover:       0 12px 32px rgba(0,0,0,0.15);
  --transition:         0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Z-Index階層管理 */
  --z-header:           9000;
  --z-overlay:          9500;
  --z-skip-link:        10000;
}

/* ========================================
   WordPress・Cocoon完全制御（全ページ共通）
   ======================================== */
.page .content,
.page .main,
.page article,
.page .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.page .entry-title,
.page .eye-catch,
.front-top-page .breadcrumb {
  display: none !important;
}

.no-sidebar .content {
  margin: 0 !important;
}

/* Cocoon自動目次の強制非表示 */
#toc,
.toc,
.entry-content .toc {
  display: none !important;
}

/* ========================================
   ヘッダー（全ページ共通）
   ======================================== */
#header.header {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#header.header.scrolled {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#header .wrap,
#header-in.wrap {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* ========================================
   フッター（全ページ共通）
   ======================================== */
#footer,
.site-footer {
  background: #fff !important;
  margin-top: 0 !important;
}