/* front-page-inline.css — front-page.php から無改変で抽出（P0-5 見た目不変でHTMLサイズ削減） */
.top-page #sidebar,
.top-page .sidebar {
  display: none !important;
}
.top-page #header {
  display: none !important;
}
.top-page .main,
.top-page #main {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 0 !important;
  border-top: none !important;
}
.top-page .appeal {
  display: none !important;
}
.top-page #navi {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  position: relative;
}
/* ロゴ「tokikai」をビューポート左端に白文字で配置（トップページのみ） */
.top-page #navi::before {
  content: "tokikai";
  position: absolute;
  left: 2em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  z-index: 1;
}
.top-page #appeal {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}
.top-page #content {
  margin-top: 0 !important;
}
.top-page #content-in {
  padding-top: 0 !important;
}
/* セクション横幅統一: 全セクションを100%幅に */
.top-page .top-cards,
.top-page .top-activity,
.top-page .top-creation,
.top-page .top-blog {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
/* top-soniria / top-worldview は section-soniria.css / section-worldview.css で
   padding を個別設定するため、ここでは上書きしない */
/* その他情報のみ 1160px 共通グリッドに揃える */
.top-page .top-meta {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.top-page .top-cards .top-cards-title,
.top-page .top-cards .top-cards-grid,
.top-page .top-activity .top-activity-title,
.top-page .top-activity .top-activity-list {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.top-page .top-blog .top-blog-title,
.top-page .top-blog .top-blog-grid,
.top-page .top-blog .top-blog-subtitle,
.top-page .top-meta .top-meta-grid,
.top-page .top-creation .top-creation-title,
.top-page .top-creation .top-creation-grid,
.top-page .top-creation .top-creation-subtitle {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}
/* セクション見出し横幅統一: コンテンツ内側22.5px（フレーム横padding 1.25em）に揃え、
   世界観フレームの見出し（1115px）と同幅・同位置にする */
.top-page .top-creation .top-creation-title,
.top-page .top-blog .top-blog-title,
.top-page .top-meta-section-title {
  max-width: 1115px;
  padding-left: 0.8em;
  padding-right: 0.8em;
}
/* サブタイトル: 見出しテキストと同じ左端に揃え、boxを見出しと同じ1115pxに制約する */
.top-page .top-creation .top-creation-subtitle,
.top-page .top-blog .top-blog-subtitle {
  max-width: 1115px;
  padding-left: 20.16px;
}
/* 2カラムエリア（CSS Gridで2行構造） */
.top-page .top-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0 2em;
  align-items: stretch;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
}

/* cards + activity グレー背景フレーム: top-content の padding 分を打ち消して 1160px に揃える */
.top-page .top-cards-activity-frame {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2em;
  align-items: stretch;
  min-width: 0;
  width: calc(100% + 2em);
  max-width: none;
  margin-left: -1em;
  margin-right: -1em;
  border-radius: 15px;
  background: var(--color-bg-gray, #EDEFF1);
  padding: 1.5em 1.25em 1.75em;
}

/* ソニリア/世界観フレーム: top-content の padding 分を打ち消して 1160px に揃える */
.top-page .top-soniria-worldview-frame {
  width: calc(100% + 2em);
  max-width: none;
  margin-left: -1em;
  margin-right: -1em;
  border-radius: 15px;
}
/* section-soniria.css で grid-area: title を指定済み */
.top-page .top-content-left,
.top-page .top-content-right {
  min-width: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}
/* レスポンシブ: モバイルでは縦並び */


/* scroll-margin-top: 静止ナビのため小さめ（sticky撤去に伴い100px→20px） */
.top-page .top-content,
.top-page .top-content .top-content-left,
.top-page .top-content .top-content-right,
.top-page .top-creation-full,
.top-page .top-blog-full,
.top-page #section-meta {
  scroll-margin-top: 20px;
}

/* ソニリアと世界観セクション見出し: スタイルは section-soniria.css で統合 */
.top-page .top-soniria-worldview-section-title {
  scroll-margin-top: 20px;
}

/* 創作紹介・ブログ全幅 */
.top-page .top-creation-full,
.top-page .top-blog-full {
  width: 100%;
  padding: 0;
}

/* ===== 背景パターン（tint 実色） ===== */
.top-page .top-cards {
  background: var(--color-bg-jade, #EFF8F5);
  border-radius: 15px;
  padding: 1.5em 1.25em 1.75em;
}
.top-page .top-activity {
  background: var(--color-bg-light, #F3FAFD);
  border-radius: 15px;
  padding: 1.5em 1.25em 1.75em;
}
.top-page .top-creation {
  background: var(--color-bg-jade, #EFF8F5);
  border-radius: 15px;
}
.top-page .top-blog {
  background: var(--color-bg-light, #F3FAFD);
  border-radius: 15px;
}
.top-page .top-meta {
  background: var(--color-bg-fuji, #F6F3FB);
  border-radius: 15px;
}

/* ===== ファーストビュー・クイックリンク: コンテンツエリア内で左右余白ゼロ化（2026-08-16） ===== */
.top-page .top-hero,
.top-page .top-quicklinks {
  width: calc(100% + 58px);
  margin-left: -29px;
  margin-right: -29px;
}
.top-page .top-quicklinks {
  padding-left: 0;
  padding-right: 0;
}

/* ========== Plan 1788339328530 Plan C: top .top-content frame normalization (H4) ========== */
@media (min-width: 769px) and (max-width: 1180px) {
  .top-page .top-content {
    padding: 0 16px !important;
    max-width: 1160px !important;
    box-sizing: border-box !important;
  }
  .top-page .top-cards-activity-frame,
  .top-page .top-soniria-worldview-frame {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ========== Plan 1788623694267: トップ見出し7件 B03白フェード＋全幅下線 (CSSのみ・PHP不変) ==========
   方針: h2は display:block・width:100% 維持で全幅空色下線を残し、白は文字裏だけに制限。
   ::before/::after不使用。background一括指定禁止（longhandのみ）。枠・影なし。左揃え維持。
   section-* は触らず front-page-inline に集約（enqueue 102で section-* より後勝ち）。
   2026-09-06 rev1: (1)上下余白を .5em/.3em → .25em均等に圧縮 (2)①②の左右0を .8em に統一し
   他5件と同様に文字前へ白域を確保 (3)グラデ停止をem指定（5文字:白ベタ6.3em→透過9em、
   実測テキスト終端≈5.8em＋0.5em後に開始）にし最終文字まで白ベタを保証。
   外枠は border-box＋width:100% のため不動。
   2026-09-06 rev2: 左側ラウンド .4em → .46em（15%増）。 */
.top-page .top-cards .top-cards-title,
.top-page .top-activity .top-activity-title,
.top-page .top-soniria-worldview-section-title,
.top-page .top-creation .top-creation-title,
.top-page .top-blog .top-blog-title,
.top-page .top-meta .top-meta-section-title,
.top-page .top-quicklinks-bottom-title {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.4em;
  color: var(--color-main);
  text-align: left;
  border-bottom: 2px solid var(--color-sky);
  margin-bottom: 1rem;
  padding: .25em .8em;
  background-image: linear-gradient(90deg, #fff 6.3em, rgba(255,255,255,0) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 9em 100%;
  border-radius: .46em 0 0 .46em;
  box-shadow: none;
}
/* ⑦リンク集（3文字）のみ白域を狭める。max-width:1115pxは不変。
   実測: テキスト終端≈4.8em のため白ベタ5.2em＋フェード〜6.5em（終端後≈0.4emで開始）。 */
.top-page .top-quicklinks-bottom-title {
  background-image: linear-gradient(90deg, #fff 5.2em, rgba(255,255,255,0) 100%);
  background-size: 6.5em 100%;
}

/* ========== plan 1788623694267 rev2: 4-6容器の左右余白（全幅） ==========
   実測: 768px幅で4-6の白枠左端=16（#main端フラッシュ）に対し1・2=39・3=40。
   原因: .top-creation は元々左右paddingなし、.top-blog/.top-meta は本ファイル51-67行の
   padding-left/right:0（詳細度0,2,0）が section系・768系の各則（0,1,0）に勝つため全幅で左右0。
   本ファイル末尾・同一詳細度0,2,0の後勝ちで 1・2の .top-cards と同値 1.25em（本文基準）に寄せる。
   1160-2×22.5=1115 のためワイドPCの見出し外枠位置は不変。上下paddingはlonghandのため不変。
   副作用: 4-6内部カードグリッドが左右45px分狭まる（約15px/列・許容範囲）。 */
.top-page .top-creation,
.top-page .top-blog,
.top-page .top-meta {
  padding-left: 1.25em;
  padding-right: 1.25em;
}

/* ========== Plan 1788742075597: トップ白カード8件の説明欄1行化（1025–1279帯・余白調整） ==========
   目的: 1025–1279px帯で .top-blog-card-desc(2件)／.top-meta-desc(3件)／.top-creation-card-desc(3件)を
   フォント・文言・white-space不変で1行に収める。手法はカード内余白＋カード間gapの最小削減のみ。
   範囲根拠: 下限1025は既存 max-width:1024 帯との重なりゼロ（1024始まりは二重適用のため不採用）、
   上限1279はE2E Desktop対照1280を純粋ベースに保つため。同一ファイル内769–1180則との重なり
   （1025–1180）は本ブロックが後勝ちで解決。シェブロン帯（右33px＋3px inset）・
   hover/影/フォーカス・セクション容器paddingは不変。1280+・1024以下・print・reduced-motionへ波及なし。
   gap方針 (2026-09-07 follow-up): 横並び時のみ blog/meta のカード間gap 1.5em を創作準拠 1.25rem に寄せる。
   実測 (Playwright・fonts.ready後・Range行数判定):
   - 1194較正（その1＝技術と思索2＋その他情報3）: blog不足7px／meta不足12px → 下記で約18px／約18.4px確保
   - 1180較正（その2＝創作と共創3）: 不足2px → 下記で約4.8px確保（左右のみ・上下不変）
   - 1180全1行目標 (follow-up): gap寄せで blog約+3.5px／meta約+4.7px上乗せし1180残2pxを解消
   対照: 1024（既存769–1024帯・不変）・1280（ベースPC・不変）。 */
@media (min-width: 1025px) and (max-width: 1279px) {
  /* 横並び時のみカード間gapを創作準拠1.25remに寄せる（blog/meta 1.5em→1.25rem） */
  .top-page .top-blog-grid,
  .top-page .top-meta-grid {
    gap: 1.25rem;
  }
  /* その1-1194較正: ブログカード（左右paddingのみ縮小・上下1.5em維持） */
  .top-page .top-blog-card {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
  .top-page .top-blog-card-left {
    padding-right: 1em;
    margin-right: 1em;
  }
  /* その1-1194較正: メタ（右33pxシェブロン帯は聖域・padding一括禁止） */
  .top-page .top-meta-item {
    padding-left: 0.8em;
  }
  .top-page .top-meta-left {
    padding-right: 4px;
    margin-right: 4px;
  }
  .top-page .top-meta-right {
    gap: 0.3em;
    padding-right: 0.3em;
  }
  /* その2-1180較正: 創作（左右のみ縮小・上下1.25rem維持・text側padding追加なし） */
  .top-page .top-creation-card {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
}