/* ==========================================================
   SIRIUS UNIVERSITY 新HOME用カスタムCSS（キャッシュ対策専用ファイル）
   このファイルは functions.php から filemtime ベースのバージョン番号付きで
   読み込まれるため、編集するたびに自動的にキャッシュが破棄されます。

   重要な設計方針の変更（2026-08-16）:
   親テーマの #main_col は width:1200px; overflow:hidden; で固定されて
   いるため、position:relative; left:50%; transform:translateX(-50%)
   による「ビューポート幅基準のはみ出し」技法は、はみ出した部分が
   すべて overflow:hidden で切断されてしまい成立しない。
   そのため Hero は「テーマのコンテンツ幅（約1100〜1200px）いっぱい」
   を基準とするレイアウトに変更し、overflow:visible化は行わない。
   ========================================================== */

/* 4学部カード(price_table)の価格行を非表示（学部紹介に価格は不要なため） */
.pb_price_table tbody tr:first-child {
  display: none;
}
.pb_price_table_mobile .pb_price_table_price {
  display: none;
}

/* ==========================================================
   Hero セクション（新HOME = page-id-5146 専用スコープ）
   ビューポート基準のはみ出しは行わず、テーマのコンテンツ幅
   （#main_col 内、約1100〜1200px）いっぱいに表示する。
   ========================================================== */

.page-id-5146 .pb_slider_wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  background: linear-gradient(135deg, #05050f 0%, #0c1030 100%);
  overflow: hidden;
  margin: 0 !important;
  width: 100%;
}

.page-id-5146 .pb_slider_wrap .pb_slider {
  flex: 0 0 50%;
  max-width: 50%;
  height: auto;
  margin: 0;
}
.page-id-5146 .pb_slider_wrap .pb_slider .slick-list,
.page-id-5146 .pb_slider_wrap .pb_slider .slick-track,
.page-id-5146 .pb_slider_wrap .pb_slider .pb_slider_item {
  height: 100%;
}
.page-id-5146 .pb_slider_wrap .pb_slider_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
  display: block;
}
.page-id-5146 .pb_slider .slick-arrow,
.page-id-5146 .pb_slider .slick-dots {
  display: none !important;
}

.page-id-5146 .pb_slider_caption {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  padding: 0 !important;
  background: transparent !important;
}
.page-id-5146 .pb_slider_caption_item {
  padding: 60px 6% !important;
  color: #ffffff;
  box-sizing: border-box;
}
.page-id-5146 .hero-eyebrow {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  opacity: 0.85;
  margin: 0 0 20px;
}
.page-id-5146 .hero-role {
  font-size: 17px;
  letter-spacing: 0.18em;
  margin: 0 0 26px;
  opacity: 0.95;
  display: inline-block;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.page-id-5146 .hero-main {
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.3;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin: 0 0 28px;
  color: #ffffff;
}
.page-id-5146 .hero-sub {
  font-size: 16px;
  line-height: 1.9;
  opacity: 0.85;
  margin: 0;
}

.page-id-5146 .pb_slider_wrap + * {
  margin-top: 0 !important;
}

/* ==========================================================
   ABOUT AYAKI セクション（page-id-5146 専用）
   本文の横幅を読みやすい700〜900px程度に収め、中央寄せする。
   ========================================================== */

.page-id-5146 .pb_function_list_headline,
.page-id-5146 .pb_function_list_description {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================
   SIRIUS UNIVERSITY 4学部セクション（page-id-5146 専用）
   ※この部分は次段階でHero/Aboutと同じ「はみ出し技法をやめる」
   　方針に合わせて改修予定。現時点では未着手。
   ========================================================== */

.page-id-5146 .pb_price_table_mobile {
  display: none !important;
}

.page-id-5146 .pb_price_table_title {
  width: 94vw;
  max-width: 1900px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #05050f 0%, #0c1030 100%);
  color: #ffffff !important;
  font-size: clamp(30px, 3.6vw, 52px);
  font-weight: 700;
  text-align: center;
  margin: 0 !important;
  padding: 90px 5% 16px;
  border-radius: 24px 24px 0 0;
  box-shadow: none !important;
  border: none !important;
}
.page-id-5146 .pb_price_table_title::after {
  content: "宇宙を、学ぶ。思い出す。探究する。";
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  opacity: 0.75;
  margin-top: 20px;
}

.page-id-5146 .pb_price_table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  width: 94vw;
  max-width: 1900px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #05050f 0%, #0c1030 100%);
  margin: 0 !important;
  padding: 24px 3% 100px;
  border-radius: 0 0 24px 24px;
}
.page-id-5146 .pb_price_table,
.page-id-5146 .pb_price_table th,
.page-id-5146 .pb_price_table td {
  border: none !important;
  box-shadow: none !important;
}
.page-id-5146 .pb_price_table thead,
.page-id-5146 .pb_price_table tbody,
.page-id-5146 .pb_price_table tr {
  display: contents;
}
.page-id-5146 .pb_price_table tbody tr:first-child {
  display: none !important;
}

.page-id-5146 .pb_price_table th.pb_price_table_headline {
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.4;
  padding: 44px 34px 6px !important;
  border-radius: 20px 20px 0 0 !important;
  border-top: 4px solid #ffffff !important;
  text-align: left;
}
.page-id-5146 .pb_price_table th.pb_price_table_headline[style*="3E1F6B"] { border-top-color: #8a5eea !important; }
.page-id-5146 .pb_price_table th.pb_price_table_headline[style*="1499C4"] { border-top-color: #38cdf2 !important; }
.page-id-5146 .pb_price_table th.pb_price_table_headline[style*="C9A227"] { border-top-color: #f0ca4d !important; }
.page-id-5146 .pb_price_table th.pb_price_table_headline[style*="9B4FCE"] { border-top-color: #c884f2 !important; }

.page-id-5146 .pb_price_table .faculty-en {
  display: block;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-top: 12px;
}

.page-id-5146 .pb_price_table td.pb_price_table_description {
  font-size: 15px;
  line-height: 2.1;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.045) !important;
  padding: 20px 34px 12px !important;
  text-align: left;
}
.page-id-5146 .pb_price_table td.pb_price_table_button {
  background: rgba(255, 255, 255, 0.045) !important;
  padding: 12px 34px 44px !important;
  border-radius: 0 0 20px 20px !important;
  text-align: left;
}
.page-id-5146 .pb_price_table td.pb_price_table_button a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 15px;
  letter-spacing: 0.04em;
  padding: 0 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.page-id-5146 .pb_price_table td.pb_price_table_button a:hover {
  opacity: 0.65;
  transform: translateX(4px);
}

/* ===== スマホ：Hero横並びをやめて縦積みに ===== */
@media only screen and (max-width: 767px) {
  .page-id-5146 .pb_slider_wrap {
    flex-direction: column;
  }
  .page-id-5146 .pb_slider_wrap .pb_slider,
  .page-id-5146 .pb_slider_caption {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
  .page-id-5146 .pb_slider_wrap .pb_slider .pb_slider_item {
    height: auto;
  }
  .page-id-5146 .pb_slider_wrap .pb_slider_item img {
    height: 70vw;
    max-height: 480px;
    object-position: center 15%;
  }
  .page-id-5146 .pb_slider_caption_item {
    padding: 32px 6% !important;
  }
  .page-id-5146 .hero-main {
    font-size: 28px;
  }
}

/* ===== スマホ（767px以下）：4学部を「1学部=1カード」の1列表示に =====
   price_table.php は thead(見出し4つ) → tbody(説明4つ) → tbody(ボタン4つ)
   という順でHTMLを出力するため、単純に列数を1にするだけだと
   「見出し群→説明群→ボタン群」の順に並んでしまい、学部ごとの
   まとまりが崩れる。nth-childは各セルの実際の親<tr>内での位置
   （＝学部インデックス）を指すため、これを使って学部ごとに
   grid-row/grid-columnを明示指定し、確実に1学部=1カードにする。
   PC（768px以上）の4列自動配置には一切影響しない。 */
@media only screen and (max-width: 767px) {
  .page-id-5146 .pb_price_table {
    grid-template-columns: 1fr;
    width: 92vw;
    gap: 0;
  }
  .page-id-5146 .pb_price_table_title {
    width: 92vw;
    padding: 56px 6% 12px;
  }

  .page-id-5146 .pb_price_table th.pb_price_table_headline:nth-child(1) { grid-column: 1; grid-row: 1; }
  .page-id-5146 .pb_price_table td.pb_price_table_description:nth-child(1) { grid-column: 1; grid-row: 2; }
  .page-id-5146 .pb_price_table td.pb_price_table_button:nth-child(1) { grid-column: 1; grid-row: 3; }

  .page-id-5146 .pb_price_table th.pb_price_table_headline:nth-child(2) { grid-column: 1; grid-row: 4; margin-top: 28px; }
  .page-id-5146 .pb_price_table td.pb_price_table_description:nth-child(2) { grid-column: 1; grid-row: 5; }
  .page-id-5146 .pb_price_table td.pb_price_table_button:nth-child(2) { grid-column: 1; grid-row: 6; }

  .page-id-5146 .pb_price_table th.pb_price_table_headline:nth-child(3) { grid-column: 1; grid-row: 7; margin-top: 28px; }
  .page-id-5146 .pb_price_table td.pb_price_table_description:nth-child(3) { grid-column: 1; grid-row: 8; }
  .page-id-5146 .pb_price_table td.pb_price_table_button:nth-child(3) { grid-column: 1; grid-row: 9; }

  .page-id-5146 .pb_price_table th.pb_price_table_headline:nth-child(4) { grid-column: 1; grid-row: 10; margin-top: 28px; }
  .page-id-5146 .pb_price_table td.pb_price_table_description:nth-child(4) { grid-column: 1; grid-row: 11; }
  .page-id-5146 .pb_price_table td.pb_price_table_button:nth-child(4) { grid-column: 1; grid-row: 12; }
}

/* ===== 小型スマホ：文字サイズ・余白を縮小（カード構成は上記と共通） ===== */
@media only screen and (max-width: 480px) {
  .page-id-5146 .pb_price_table_title {
    padding: 48px 6% 12px;
    font-size: 26px;
  }
  .page-id-5146 .pb_price_table_title::after {
    font-size: 14px;
  }
  .page-id-5146 .pb_price_table th.pb_price_table_headline {
    font-size: 23px;
    padding: 32px 24px 4px !important;
  }
  .page-id-5146 .pb_price_table td.pb_price_table_description,
  .page-id-5146 .pb_price_table td.pb_price_table_button {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ===== FEATURED POST を新HOMEでのみ非表示 =====
   出力元は theme_option_page_post_list()（親テーマ
   functions/page_ad_post_list.php）。page-noside-notitle.php を含む
   全ての固定ページテンプレートで無条件に呼ばれており、PHP側の
   呼び出し自体を止めるには親テーマのテンプレートファイルを書き換える
   必要があり危険なため、CSSで page-id-5146 に限定して非表示にする。 */
.page-id-5146 #footer_slider_wrap {
  display: none !important;
}

/* ===== パンくずリストを新HOMEでのみ非表示 =====
   出力元は get_template_part('breadcrumb') が読み込む
   親テーマ breadcrumb.php（<div id="bread_crumb">...）。
   同じ理由でPHP側は触らず、CSSで page-id-5146 に限定して非表示にする。 */
.page-id-5146 #bread_crumb {
  display: none !important;
}

/* ===== フッターの不要ウィジェットを新HOMEでのみ非表示 =====
   footer_left_widget（プロフィール）/ footer_center_widget（Facebook）/
   footer_right_widget（Twitter）は、いずれも .footer_widget クラス共通の
   サイト全体共有ウィジェットエリア（Appearance > Widgets）。
   footer_social_link は別枠のSNSリンク（Contact/RSS）行。
   ウィジェット自体は削除せず（削除すると他の全ページに影響するため）、
   page-id-5146 に限定したCSSで非表示にする。
   #footer_bottom（メニュー・コピーライト）は残す。 */
.page-id-5146 .footer_widget {
  display: none !important;
}
.page-id-5146 #footer_social_link {
  display: none !important;
}