@charset "UTF-8";
/*
-------------------------------
schedule
スケジュール一覧（The Events Calendar）と、SCHEDULE のリンク先を変えたことに伴う見た目の調整。
テーマのほかの CSS は書き換えず、ここで上書きする（functions.php で版番号付きで読む）
-------------------------------
*/

/* プラグインの色とフォントを今のテーマ（黒・白、futura-pt）に合わせる。
   プラグインは :root に変数を置き、リンク色などもそこから計算するので、同じ :root で一段強い指定にする */
html:root {
  --tec-color-accent-primary: #000;
  --tec-color-accent-primary-hover: #4d4d4d;
  --tec-color-accent-primary-active: #000;
  --tec-color-accent-primary-background: rgba(0, 0, 0, 0.06);
  --tec-color-accent-primary-week-event-featured: rgba(0, 0, 0, 0.04);
  --tec-color-accent-primary-week-event-featured-hover: rgba(0, 0, 0, 0.14);
  --tec-color-background-primary-multiday: rgba(0, 0, 0, 0.12);
  --tec-color-background-primary-multiday-hover: rgba(0, 0, 0, 0.2);
  --tec-color-link-accent-hover: #4d4d4d;
  --tec-color-text-primary: #000;
  --tec-font-family-sans-serif: "futura-pt", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* プラグインはイベントごとに <header> を使うが、テーマ（common.css）はすべての <header> を画面上部に固定している。
   スケジュールの中の <header> だけ普通の配置に戻す（relative + top/left 0 で、ずれは出ない） */
.tribe-common header,
.tribe-events header {
  position: relative;
  z-index: auto;
  width: auto;
  height: auto;
}

/* 一覧・詳細の外枠（infomation の .access と同じ余白） */
.ge_schedule {
  margin: 150px auto 0;
}
.ge_schedule_view {
  margin-top: 40px;
  text-align: left;
}

/* ABOUT の SCHEDULE ボタン: リンク先が X ではなくなったので、X のアイコンをカレンダーのアイコンに替える */
.about_btn a.schedule_btn::before {
  background-image: url(../images/index/shedule_icon.png);
  background-size: contain;
}

/* フッターの公式 X へのリンク（目立たないよう、コピーライトの上に小さく薄く） */
.footer_x_link {
  display: block;
  width: 22px;
  margin: 0 auto 12px;
  opacity: 0.45;
}
.footer_x_link:hover {
  opacity: 1;
}
.footer_x_link img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  .ge_schedule {
    margin: 80px auto 0;
  }
  .ge_schedule_view {
    margin-top: 20px;
  }
}