@charset "UTF-8";

/* print.css — 印刷用スタイル（子テーマ style.css から無改変で抽出） */
/* 生成日: 2026-08-25  Tier B R7 — style.css 3517-3661, 5422-5443, 5529-5550, 5680-5713, 5746-5751, 5772-5776, 5960-5970 を集約 */
/* 元ファイルの内容を1文字も変えずに移管。style.css からは同ブロックを削除し、functions.php で media="print" として enqueue する。*/

/* ===== 印刷スタイル: トップページPDF印刷レイアウト ===== */
/* 追加: 2026-08-20 */
/* 目的: ブラウザ「印刷」→「PDFに保存」でヒーロー過大化・コンテンツ欠落を防止 */
@media print {
  /* ヒーロー: 画面表示どおり 16/10 を維持 — PDF保存時に形崩れ防止 */
  .top-hero {
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    break-inside: avoid !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .top-page .top-hero,
  .top-page .top-quicklinks {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* アニメ解除 — 実クラスに紐付け */
  .top-hero .top-hero-overlay,
  .top-hero .top-hero-compass,
  .top-hero .top-hero-compass-img,
  .top-hero .top-hero-placeholder,
  .top-hero .top-hero-image img,
  .top-hero .top-hero-title,
  .top-hero .top-hero-subtitle,
  .top-hero .top-hero-buttons,
  .top-hero .top-hero-scroll {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    will-change: auto !important;
  }
  /* キャッチコピー二重描画防止 — text-shadow がPDFで固体化し複製に見える対策 (plan 1787479586130) */
  .top-hero-title,
  .top-hero-subtitle,
  .top-hero .top-hero-title,
  .top-hero .top-hero-subtitle {
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    will-change: auto !important;
  }
  .top-hero-btn,
  .top-hero-btn-outline,
  .top-hero-btn-primary {
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    will-change: auto !important;
  }
  .top-hero .top-hero-scroll { opacity: 0 !important; display: none !important; }
  /* plan 1788524900000 §2.3: すりガラス帯は印刷に漏らさない（見た目は従来どおり） */
  .top-hero::after { display: none !important; }

  /* トップページ全セクション: アニメーション・初期opacity解除 */
  .top-page .top-content > div,
  .top-page .top-creation-full,
  .top-page .top-blog-full,
  .top-page .top-meta,
  .top-page .top-section-index,
  .top-page h2.top-soniria-worldview-section-title,
  .top-page h2.top-meta-section-title,
  .top-page .creation-section-heading,
  .top-page .creation-general-block,
  .top-page .creation-concept,
  .top-page .creation-three-column,
  .top-page .creation-game-description {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  /* 全ページ共通: フェードイン解除 */
  .entry-content h2,
  .entry-content .wp-block-columns,
  .entry-content .concept-box,
  .entry-content .wp-block-quote,
  .entry-content .wp-block-separator,
  .entry-content .wp-block-group,
  .entry-content .wp-block-image,
  .entry-content .creation-section-heading,
  .entry-content .creation-general-block,
  .entry-content .creation-concept,
  .entry-content .creation-three-column,
  .entry-content .creation-game-description,
  .entry-content .creation-katsudo-grid {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  /* 固定ナビ・装飾要素非表示 — WYSIWYG: トップのみ非表示。blogでは画面通り表示 */
  .top-page #navi,
  .top-page #header-container,
  .top-page .header {
    display: none !important;
  }

  /* go-to-top ボタン非表示 */
  .go-to-top {
    display: none !important;
  }

  /* フッターは表示 */
  #footer {
    break-before: auto;
  }

  /* 背景グラフィック: print-color-adjust で色を保持 */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  /* WYSIWYG補強: ブログ要素の色再現 — color:initial 削除、個別にexact付与 */
  .blog-page .blog-page-inner,
  .blog-section,
  .blog-card,
  .blog-filter-row,
  .page-navi-bar {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* 各セクションのページ分割を自然に — blogは改ページを許可しカードとグリッドは保持。見切れ防止のためグリッド自体は分割許可 */
  .top-page .top-content > div,
  .top-page .top-content > section {
    break-inside: avoid;
  }
  .blog-card {
    break-inside: avoid !important;
    break-after: auto !important;
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
  }
  .blog-list {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  .blog-filter-bar,
  .blog-page-inner {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  .blog-section {
    break-inside: auto !important;
    page-break-inside: auto !important;
    break-after: auto !important;
    page-break-after: auto !important;
  }
  h2.blog-section-title,
  .blog-filter-bar {
    break-after: avoid !important;
    page-break-after: avoid !important;
  }

  /* 親テーマ上書き: blogでは幅を維持 — 親の width:auto/padding:0 を打ち消し */
  body.blog-page #main,
  body.blog-page .main,
  body.blog-page #container .main,
  body.blog-page #container .content,
  body.blog-page #container .wrap,
  body.blog-page .content,
  body.blog-page .wrap,
  body.blog-page #container .content-in {
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    border: none !important;
    overflow: visible !important;
  }
  /* 印刷では横スクロール抑止を解除 — 見切れ防止 */
  html, body {
    overflow: visible !important;
  }
  .blog-page,
  .blog-page-inner,
  .blog-section {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}

@media print {
  .page-id-9 .creation-game-card .creation-placeholder-primary {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-9 .creation-game-card .creation-placeholder-primary::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    mask: none !important;
    -webkit-mask: none !important;
    mask-composite: unset !important;
    -webkit-mask-composite: unset !important;
    padding: 0 !important;
    border: 7px solid rgba(255,255,255,0.5) !important;
    border-radius: 8px !important;
  }
  .page-id-9 .creation-game-card .creation-placeholder-primary::after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media print {
  .page-id-13 .profile-image {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-13 .profile-image::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    mask: none !important;
    -webkit-mask: none !important;
    mask-composite: unset !important;
    -webkit-mask-composite: unset !important;
    padding: 0 !important;
    border: 7px solid rgba(255,255,255,0.5) !important;
    border-radius: 8px !important;
  }
  .page-id-13 .profile-image::after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media print {
  .page-id-9 #section-it .creation-placeholder-link,
  .page-id-9 #section-3d .creation-placeholder-link,
  .page-id-9 #section-motion .creation-placeholder-link,
  .page-id-9 #section-knowledge .creation-placeholder-link,
  .page-id-9 #section-activity .creation-activity-media-link {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-9 #section-it .creation-placeholder-link::before,
  .page-id-9 #section-3d .creation-placeholder-link::before,
  .page-id-9 #section-motion .creation-placeholder-link::before,
  .page-id-9 #section-knowledge .creation-placeholder-link::before,
  .page-id-9 #section-activity .creation-activity-media-link::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    mask: none !important;
    -webkit-mask: none !important;
    mask-composite: unset !important;
    -webkit-mask-composite: unset !important;
    padding: 0 !important;
    border: 7px solid rgba(255,255,255,0.5) !important;
    border-radius: 8px !important;
  }
  .page-id-9 #section-it .creation-placeholder-link::after,
  .page-id-9 #section-3d .creation-placeholder-link::after,
  .page-id-9 #section-motion .creation-placeholder-link::after,
  .page-id-9 #section-knowledge .creation-placeholder-link::after,
  .page-id-9 #section-activity .creation-activity-media-link::after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media print {
  .page-id-9 .creation-game-card .creation-placeholder-primary .creation-game-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media print {
  .page-id-9 .creation-game-card .creation-placeholder-primary::before {
    border-width: 4.67px !important;
  }
}

@media print {
  .page-id-9 .creation-game-link {
    text-decoration: underline;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-9 .creation-game-desc-block {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@page {
  margin: 10mm 10mm 10mm 10mm;
}

@media print {
  html,
  body {
    background: #fff !important;
  }
  /* WYSIWYG: グリッド維持 + 高さのみ可変 — flex化撤回。2列×2行を印刷でも再現し見切れを解消 */
  .blog-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 1.2em !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    break-inside: auto !important;
    page-break-inside: auto !important;
    overflow: visible !important;
    align-items: stretch !important;
  }
  .blog-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    break-inside: avoid !important;
    break-after: auto !important;
    page-break-inside: avoid !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .blog-card-bottom {
    overflow: visible !important;
  }
  .blog-pagination-wrapper,
  .blog-section {
    break-inside: auto !important;
    page-break-inside: auto !important;
    overflow: visible !important;
  }
}

/* plan 1788441452706: 白カードhover統一トークンA — 印刷では浮き/影を無効化 */
@media print {
  .top-card:hover, .top-card:active,
  .top-activity-item:hover, .top-activity-item:active,
  .top-soniria:hover, .top-soniria:active,
  .top-worldview:hover, .top-worldview:active,
  .top-creation-card:hover, .top-creation-card:active,
  .top-blog-card:hover, .top-blog-card:active,
  .top-meta-item:hover, .top-meta-item:active,
  .blog-card:hover, .blog-card:active,
  .page-id-11 .creation-katsudo-card:hover,
  .page-id-11 .creation-katsudo-card:active {
    transform: none !important;
    box-shadow: 0 1px 3px rgba(31, 32, 65, 0.06) !important;
  }
}

/* plan 1788588779809: soniria hero-title sepの印刷可視化（gradient＋border fallback） */
@media print {
  .page-id-11 .character-soniria-hero-title {
    text-align: center !important;
  }
  .page-id-11 .character-soniria-hero-sep {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    border-left: 1px solid #7369A0 !important;
  }
  .page-id-11 .character-soniria-hero-sep::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}