/*
Theme Name: Orion Child
Template: orion_tcd037
*/

/* =========================================================
   Events Manager：イベント詳細ページのみ 1カラム化
   （TCDテーマ用・安全版）
   ========================================================= */

/* イベント詳細ページ判定
   Events Manager の event 投稿タイプでは
   body に .single-event が付くのが基本
*/

/* サイドバーを非表示 */
.single-event #sidebar,
.single-event .sidebar,
.single-event .l-sidebar,
.single-event .side_column,
.single-event .side-content {
  display: none !important;
}

/* メインコンテンツを横幅100%に */
.single-event #main,
.single-event #content,
.single-event .content,
.single-event .main,
.single-event .l-main,
.single-event .primary {
  width: 100% !important;
  max-width: 100% !important;
}

/* 2カラム前提の余白・floatを解除（TCD対策） */
.single-event #main,
.single-event .l-main {
  float: none !important;
}

/* コンテンツの読みやすさ調整（任意だが推奨） */
.single-event .post_content,
.single-event .entry-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* 見出しと本文の最低限の可読性調整 */
.single-event .entry-content h2 {
  margin-top: 3em;
}

.single-event .entry-content p {
  line-height: 1.9;
}

.single-event #left_col {
  width: 100% !important;
  float: none !important;
}

.single-event #main_col {
  width: 100% !important;
}

/* =========================================
   TCD (orion) イベント詳細だけ 1カラム化
   右の空白（2カラム前提の幅）を潰す
   ========================================= */

/* まず wrapper 側の2カラム余白を解除 */
body.single-event #main_col{
  width: 100% !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* 左カラム（本文側）をフル幅に */
body.single-event #left_col{
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}

/* 記事コンテナ自体に固定幅がある場合があるので潰す */
body.single-event #article{
  width: 100% !important;
  max-width: 100% !important;
}

/* 子要素にも固定幅が残っているケース対策 */
body.single-event #article .post_content img{
  max-width: 100%;
  height: auto;
}

/* =========================================================
   イベント詳細：本文幅 900px（中央寄せ）
   ========================================================= */

body.single-event #left_col{
  width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
}

body.single-event #article{
  width: 100% !important;
  max-width: 1000px !important;   /* ← ここが 1000px */
  margin: 0 auto !important;     /* 中央寄せ */
}