/*
Theme Name: ORION Child
Theme URI: https://tcd-theme.com/tcd037
Template: orion_tcd037
Author: TCD
Author URI: https://tcd-theme.com/
Description: WordPress theme "ORION" has an impressive full-screen first view. It has a special custom post type, which allows you to place sliders and tabbed content anywhere, can be used for sales pages or landing pages as well.
Version: 4.1.2.1772003684
Updated: 2026-02-25 16:14:44

*/

/* イベント詳細ページを1カラム化 */

.single-event #sidebar,
.single-event #side_col,
.single-event .sidebar,
.single-event .side_column {
  display: none !important;
}

.single-event #main_col,
.single-event #main,
.single-event .main_col,
.single-event .content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* イベント詳細ページ中央寄せ＋最大幅1000px */

.single-event #main_col,
.single-event #main,
.single-event .main_col,
.single-event .content {

  max-width: 1000px !important;
  width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  float: none !important;
}

/* Events Manager 地図：固定幅(400px)を解除してレスポンシブ化 */
.single-event .em.em-location-map-container{
  width: 100% !important;
  max-width: 100% !important;
  height: 450px !important;   /* PCの高さ */
}

@media (max-width: 768px){
  .single-event .em.em-location-map-container{
    height: 320px !important; /* スマホの高さ */
  }
}

/* 中の地図本体も追従（保険） */
.single-event .em-location-map{
  width: 100% !important;
  height: 100% !important;
}

/* Coursesページ内（TCD PB）に埋め込んだ Events Manager リストのスマホ崩れ対策 */
@media (max-width: 768px){

  /* テーブルが横にはみ出すのを防ぐ（最悪でも横スクロールに逃がす） */
  #tcd-pb-wrap .em-events-list .s_table{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #tcd-pb-wrap .em-events-list .events-table{
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed; /* 長文でも幅固定して折り返しさせる */
  }

  #tcd-pb-wrap .em-events-list .events-table th,
  #tcd-pb-wrap .em-events-list .events-table td{
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* 画像の固定幅(420px)が犯人なので、スマホでは100%に */
  #tcd-pb-wrap .em-events-list .events-table img{
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
  }

  /* float:left のインライン指定をスマホでは解除して縦積みにする */
  #tcd-pb-wrap .em-events-list .events-table td div[style*="float:left"]{
    float: none !important;
    margin: 0 0 10px 0 !important;
  }
}

@media (max-width: 768px){
  #tcd-pb-wrap .em-events-list .events-table thead{
    display:none;
  }
  #tcd-pb-wrap .em-events-list .events-table,
  #tcd-pb-wrap .em-events-list .events-table tbody,
  #tcd-pb-wrap .em-events-list .events-table tr,
  #tcd-pb-wrap .em-events-list .events-table td{
    display:block;
    width:100%;
  }
  #tcd-pb-wrap .em-events-list .events-table tr{
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,.12);
  }
}

/* スマホ：縦並び後に「ほんの少し」はみ出す最終調整 */
@media (max-width: 768px){

  /* はみ出しの多くは padding/box-sizing なので一括で矯正 */
  #tcd-pb-wrap .em-events-list,
  #tcd-pb-wrap .em-events-list *{
    box-sizing: border-box;
    max-width: 100%;
  }

  /* どこかに長い英数字があると微妙に横に伸びるので強制折り返し */
  #tcd-pb-wrap .em-events-list a,
  #tcd-pb-wrap .em-events-list td,
  #tcd-pb-wrap .em-events-list i{
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* カード化（display:block）後の余計な左右余白を削る */
  #tcd-pb-wrap .em-events-list .events-table tr{
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #tcd-pb-wrap .em-events-list .events-table td{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 念のため、横スクロールが出ないように“外枠”でクリップ */
  #tcd-pb-wrap .em-events-list{
    overflow-x: hidden;
  }
}

/* スマホ：Events Manager テーブル内の長文（リンク/会場）がはみ出す対策 */
@media (max-width: 768px){

  #tcd-pb-wrap .em-events-list .events-table td,
  #tcd-pb-wrap .em-events-list .events-table td a,
  #tcd-pb-wrap .em-events-list .events-table td i{
    white-space: normal !important;      /* 1行固定を解除 */
    overflow-wrap: anywhere !important;  /* どこでも折り返す */
    word-break: break-word !important;   /* 古いブラウザも保険 */
  }

  /* もしテーマ側で nowrap が当たっていたら確実に無効化 */
  #tcd-pb-wrap .em-events-list .events-table *{
    white-space: normal !important;
  }
}