/* 各学部のカラーテーマ設定 */

/* デフォルト（総合サイト）は濃いブルー */
.site-header {
  background-color: #003366;
}

.site-footer,
.footer-bottom {
  background-color: #003366;
}

/* サイドメニューの背景色は全学部共通でグレー */
.side-menu {
  background-color: rgba(238, 237, 237, 0.945);
}

/* バックドロップを完全に非表示 */
.side-backdrop {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.menu-grid {
  position: relative;
  z-index: 2;
}

/* メニュー内の要素を確実にクリック可能に */
.side-menu a,
.accordion-header,
.accordion-content a {
  position: relative;
  z-index: 3;
}

/* top.jsで設定されるoverflowを強制的に上書き - スクロール可能にする */
html.menu-open,
html.menu-open body {
  overflow: visible !important;
  overflow-y: scroll !important;
}

/* ドロップダウンメニューのliを縦並びに */
/*.dropdown__lists {
  display: block !important;
  position: absolute !important;
 top: 100% !important;top:54px;
  left: 0 !important;
}*/

.dropdown__list {
  display: block !important;
  width: 100% !important;
  float: none !important;
  text-align: left !important;
}

.dropdown__list a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 10px 15px !important;
  min-height: 40px !important;
}

/* サイドメニューのアイコン背景色（検索とEnglish） */
.icon-right-column a {
  display: block;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

.icon-right-column a:hover {
  opacity: 0.8;
}

/* 検索アイコンの背景色 */
.icon-right-column a img[src*="side_search"] {
  background-color: #003366;
}

/* Englishアイコンの背景色 */
.icon-right-column a img[src*="side_english"] {
  background-color: #003366;
}

/* システム理工学部 - ダークレッド */
body[data-faculty="fc_sci"] .site-header {
  background-color: #8b1a1a;
}

body[data-faculty="fc_sci"] .site-footer,
body[data-faculty="fc_sci"] .footer-bottom {
  background-color: #8b1a1a;
}

body[data-faculty="fc_sci"] .icon-right-column a img[src*="side_search"] {
  background-color: #8b1a1a;
}

body[data-faculty="fc_sci"] .icon-right-column a img[src*="side_english"] {
  background-color: #8b1a1a;
}

body[data-faculty="fc_sci"] .icon-right-column a img[src*="side_japanese"] {
  background-color: #8b1a1a;
}

/* 環境都市工学部 - ダークグリーン */
body[data-faculty="fc_env"] .site-header {
  background-color: #1a5e2f;
}

body[data-faculty="fc_env"] .site-footer,
body[data-faculty="fc_env"] .footer-bottom {
  background-color: #1a5e2f;
}

body[data-faculty="fc_env"] .icon-right-column a img[src*="side_search"] {
  background-color: #1a5e2f;
}

body[data-faculty="fc_env"] .icon-right-column a img[src*="side_english"] {
  background-color: #1a5e2f;
}

body[data-faculty="fc_env"] .icon-right-column a img[src*="side_japanese"] {
  background-color: #1a5e2f;
}

/* 化学生命工学部 - ダークブルー */
body[data-faculty="fc_che"] .site-header {
  background-color: #005580;
}

body[data-faculty="fc_che"] .site-footer,
body[data-faculty="fc_che"] .footer-bottom {
  background-color: #005580;
}

body[data-faculty="fc_che"] .icon-right-column a img[src*="side_search"] {
  background-color: #005580;
}

body[data-faculty="fc_che"] .icon-right-column a img[src*="side_english"] {
  background-color: #005580;
}

body[data-faculty="fc_che"] .icon-right-column a img[src*="side_japanese"] {
  background-color: #005580;
}

/* 大学院 - ダークゴールド */
body[data-faculty="gr_sch"] .site-header {
  background-color: #8b7500;
}

body[data-faculty="gr_sch"] .site-footer,
body[data-faculty="gr_sch"] .footer-bottom {
  background-color: #8b7500;
}

body[data-faculty="gr_sch"] .icon-right-column a img[src*="side_search"] {
  background-color: #8b7500;
}

body[data-faculty="gr_sch"] .icon-right-column a img[src*="side_english"] {
  background-color: #8b7500;
}

body[data-faculty="gr_sch"] .icon-right-column a img[src*="side_japanese"] {
  background-color: #8b7500;
}

/* グローバルナビのドロップダウンメニュー背景色 */
/* デフォルト */
.dropdown__lists {
  background-color: #004080;
}

.dropdown__list {
  background-color: transparent;
}

/* システム理工学部 */
body[data-faculty="fc_sci"] .dropdown__lists {
  background-color: #a02020;
}

body[data-faculty="fc_sci"] .dropdown__list {
  background-color: transparent;
}

body[data-faculty="fc_sci"] .dropdown__list a {
  color: #fff;
}

/* 環境都市工学部 */
body[data-faculty="fc_env"] .dropdown__lists {
  background-color: #257a3d;
}

body[data-faculty="fc_env"] .dropdown__list {
  background-color: transparent;
}

body[data-faculty="fc_env"] .dropdown__list a {
  color: #fff;
}

/* 化学生命工学部 */
body[data-faculty="fc_che"] .dropdown__lists {
  background-color: #0066a0;
}

body[data-faculty="fc_che"] .dropdown__list {
  background-color: transparent;
}

body[data-faculty="fc_che"] .dropdown__list a {
  color: #fff;
}

/* 大学院 */
body[data-faculty="gr_sch"] .dropdown__lists {
  background-color: #a38c00;
}

body[data-faculty="gr_sch"] .dropdown__list {
  background-color: transparent;
}

body[data-faculty="gr_sch"] .dropdown__list a {
  color: #fff;
}

/* ドロップダウンメニューのホバー時 */
body[data-faculty="fc_sci"] .dropdown__list:hover {
  background-color: transparent !important;
}

body[data-faculty="fc_sci"] .dropdown__list a:hover {
  background-color: transparent !important;
}

body[data-faculty="fc_env"] .dropdown__list:hover {
  background-color: transparent !important;
}

body[data-faculty="fc_env"] .dropdown__list a:hover {
  background-color: transparent !important;
}

body[data-faculty="fc_che"] .dropdown__list:hover {
  background-color: transparent !important;
}

body[data-faculty="fc_che"] .dropdown__list a:hover {
  background-color: transparent !important;
}

body[data-faculty="gr_sch"] .dropdown__list:hover {
  background-color: transparent !important;
}

body[data-faculty="gr_sch"] .dropdown__list a:hover {
  background-color: transparent !important;
}

/* ハンバーガーメニューのバーの色 */
body[data-faculty="fc_sci"] .menu-toggle .bar {
  background-color: #fff;
}

body[data-faculty="fc_env"] .menu-toggle .bar {
  background-color: #fff;
}

body[data-faculty="fc_che"] .menu-toggle .bar {
  background-color: #fff;
}

body[data-faculty="gr_sch"] .menu-toggle .bar {
  background-color: #fff;
}

/* グローバルナビのホバー時の色も各学部カラーに合わせる */
body[data-faculty="fc_sci"] .gnavi__list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body[data-faculty="fc_env"] .gnavi__list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body[data-faculty="fc_che"] .gnavi__list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body[data-faculty="gr_sch"] .gnavi__list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* 理工系の他学部セクションのボタンスタイル */
.faculty-link {
  display: block;
  padding: 1.5rem 2rem;
  border: 2px solid;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #333;
  font-size: 1.6rem;
}

.faculty-link span {
  display: block;
}

.faculty-link span.en {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

/* システム理工学部 */
.faculty-link.sci {
  border-color: #8b1a1a;
  color: #8b1a1a;
}

.faculty-link.sci:hover {
  background-color: #8b1a1a;
  color: #fff !important;
}

.faculty-link.sci:hover span {
  color: #fff !important;
}

/* 環境都市工学部 */
.faculty-link.env {
  border-color: #1a5e2f;
  color: #1a5e2f;
}

.faculty-link.env:hover {
  background-color: #1a5e2f;
  color: #fff !important;
}

.faculty-link.env:hover span {
  color: #fff !important;
}

/* 化学生命工学部 */
.faculty-link.che {
  border-color: #005580;
  color: #005580;
}

.faculty-link.che:hover {
  background-color: #005580;
  color: #fff !important;
}

.faculty-link.che:hover span {
  color: #fff !important;
}

/* 大学院 */
.faculty-link.grad {
  border-color: #8b7500;
  color: #8b7500;
}

.faculty-link.grad:hover {
  background-color: #8b7500;
  color: #fff !important;
}

.faculty-link.grad:hover span {
  color: #fff !important;
}