h1,
h2,
h3 {
  color: #a4586c;
}

.footer {
  border-top: 7px solid #a4586c;
}

/* OCトップページ */
.main-menu {
  background-image: url(/_themes/wakayama-u/sys/oc/img/index/menu_voc_top_sys.png);
}

/*システム工学部のイメージカラーを背景にする*/
.menu-btn img {
  background-color: #a4586c;
}

/* 他学部とh3、h4のレイアウトを一致させる */

h3 {
  margin: 20px 0px 20px 0px;
  padding: 10px 0px 10px 0px;
  background: #ba8789;
  color: #ffffff;
  font-weight: bold;
}

h4 {
  margin: 10px 0px 5px 10px;
  padding: 0px 0px 0px 5px;
  font-weight: bold;
  font-size: 150%;
  border-left: 3px solid #ba8789;
}

/*　リンク部分に学部カラーのアンダーラインを引く　*/
.container .main a {
  text-decoration: none;
  border-bottom: solid 1px #a4586c;
}

.container .contentPage a {
  text-decoration: none;
  border-bottom: solid 1px #a4586c;
}

#page-oc-sys-index a {
  border-bottom: 0;
}

/******************
* 学部独自アイテム
******************/
/**
* トップページ
* index.html
*/

/**
* メジャー紹介ページ
* major.html
*/

.major-list .uk-grid {
  margin-left: 0; /* uk-gridでレイアウトがズレのを防ぐ処置 */
  margin-top: 4px;
}

.major:first-child {
  padding-left: 0; /* uk-gridでレイアウトが崩れるのを防ぐ処置 */
  padding-right: 2px;
}

.major:last-child {
  padding-left: 2px;
}

/*　メジャー名とアイコンとの間にスペースを　*/
#page-oc-sys-major .contentPage table img {
  margin-right: 0.5ex;
}

/**
 * メジャー紹介詳細ページ
 * major-**.html
 */
.major-list.picture {
  width: 80%;
  margin: 0 auto;
}

/* 2022年度新メジャー用に作成
** 2022/5/24追加
** 2022/6/9情報学領域追加 */

/* 1.ロボティクスメジャー */

#new_ro h1 {
  font-size: 2rem;
  color: #cd3849;
}

#new_ro h2 {
  color: #cd3849;
}

#new_ro h3 {
  background: #cd3849;
}

#new_ro h4 {
  border-left: 3px solid #cd3849;
}

#new_ro h5 {
  border-bottom: 2px solid #cd3849;
}

#new_ro a {
  border-bottom: solid 1px #cd3849;
}

/* 2.電子物理工学メジャー */

#new_ep h1 {
  font-size: 2rem;
  color: #dd5434;
}

#new_ep h2 {
  color: #dd5434;
}

#new_ep h3 {
  background: #dd5434;
}

#new_ep h4 {
  border-left: 3px solid #dd5434;
}

#new_ep h5 {
  border-bottom: 2px solid #dd5434;
}

#new_ep a {
  border-bottom: solid 1px #dd5434;
}

/* 3.化学メジャー */

#new_ch h1 {
  font-size: 2rem;
  color: #f4a23b;
}

#new_ch h2 {
  color: #f4a23b;
}

#new_ch h3 {
  background: #f4a23b;
}

#new_ch h4 {
  border-left: 3px solid #f4a23b;
}

#new_ch h5 {
  border-bottom: 2px solid #f4a23b;
}

#new_ch a {
  border-bottom: solid 1px #f4a23b;
}

/* 4.環境科学メジャー */

#new_es h1 {
  font-size: 2rem;
  color: #009b6b;
}

#new_es h2 {
  color: #009b6b;
}

#new_es h3 {
  background: #009b6b;
}

#new_es h4 {
  border-left: 3px solid #009b6b;
}

#new_es h5 {
  border-bottom: 2px solid #009b6b;
}

#new_es a {
  border-bottom: solid 1px #009b6b;
}

/* 5.建築?ランドスケープメジャー */

#new_al h1 {
  font-size: 2rem;
  color: #00898d;
}

#new_al h2 {
  color: #00898d;
}

#new_al h3 {
  background: #00898d;
}

#new_al h4 {
  border-left: 3px solid #00898d;
}

#new_al h5 {
  border-bottom: 2px solid #00898d;
}

#new_al a {
  border-bottom: solid 1px #00898d;
}

/* 6.情報システムデザインメジャー */

#new_is h1 {
  font-size: 2rem;
  color: #36bde3;
}

#new_is h2 {
  color: #36bde3;
}

#new_is h3 {
  background: #36bde3;
}

#new_is h4 {
  border-left: 3px solid #36bde3;
}

#new_is h5 {
  border-bottom: 2px solid #36bde3;
}

#new_is a {
  border-bottom: solid 1px #36bde3;
}

/* 7.ネットワークコンピューティングメジャー */

#new_nc h1 {
  font-size: 2rem;
  color: #00609a;
}

#new_nc h2 {
  color: #00609a;
}

#new_nc h3 {
  background: #00609a;
}

#new_nc h4 {
  border-left: 3px solid #00609a;
}

#new_nc h5 {
  border-bottom: 2px solid #00609a;
}

#new_nc a {
  border-bottom: solid 1px #00609a;
}

/* 8.クロスリアリティ?情報デザインメジャー */

#new_xd h1 {
  font-size: 2rem;
  color: #57479a;
}

#new_xd h2 {
  color: #57479a;
}

#new_xd h3 {
  background: #57479a;
}

#new_xd h4 {
  border-left: 3px solid #57479a;
}

#new_xd h5 {
  border-bottom: 2px solid #57479a;
}

#new_xd a {
  border-bottom: solid 1px #57479a;
}

/* 9.情報学領域 */

#new_im h1 {
  font-size: 2rem;
  color: #3d6a86;
}

#new_im h2 {
  color: #3d6a86;
}

#new_im h3 {
  background: #3d6a86;
}

#new_im h4 {
  border-left: 3px solid #3d6a86;
}

#new_im h5 {
  border-bottom: 2px solid #3d6a86;
}

#new_im a {
  border-bottom: solid 1px #3d6a86;
}

/* 新メジャー用　ここまで*/

/**
 * プログラムページ
 * program.html
 */
.entry {
  position: relative;
}

.toggle-icon {
  position: absolute;
  width: 15%;
  top: 25%;
  right: 0%;
}

.toggle-article {
  display: none;
  box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2) inset;
}

p.a1 {
  border-left: 2px solid #9a5d66;
}

p.a2 {
  border-left: 2px solid #695b96;
}

p.a3 {
  border-left: 2px solid #5d8b9a;
}

p.a4 {
  border-left: 2px solid #5e995c;
}

p.article-sub-text {
  color: #898989;
  font-weight: 200;
  font-size: 1.5rem;
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}

p.article-sub-text2 {
  color: #898989;
  font-weight: 200;
  font-size: 1.5rem;
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 5px 0;
}

p.article-sub-text2 img {
  width: 2rem;
}

p.article-sub-text3 {
  color: #898989;
  font-weight: 200;
  font-size: 1.5rem;
  padding-bottom: 10px;
}

p.article-sub-text3 img {
  width: 3rem;
}

p.article-sub-text span {
  font-size: 1.2rem;
}

.article-content div {
  padding-left: 10px;
}

.article-icon {
  padding-left: 0;
  position: relative;
}

.article-icon img {
  position: absolute;
  top: 35%;
  width: 70%;
}
.uk-margin-large-top {
  margin-top: 50px !important;
}

p.article-sub-text span.mini {
  font-size: 1.2rem;
  line-height: 5px;
}

.uk-modal {
}
.uk-modal-dialog-lightbox {
  height: 30%;
  min-height: 260px;
  padding: 20px 2px 2px 2px;
}

div.mapbox {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.partition {
  border-bottom: 1px lightgray solid;
}

.place {
  border-left: 1px lightgray solid;
}

/**
 * イベント紹介ページ
 * major-intr-**.html
 */

.event-message {
  width: 100%;
  height: 2.5rem;
  background-color: #a4a2a1;
  text-align: center;
}

.event-message p {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 2.5rem;
  color: white;
}

.event-list {
  margin-top: 1.5rem;
}

.event-content {
  border-left: 4px #a05e68 solid;
  padding: 5px 15px;
  text-align: left;
}

.event-title {
  text-align: left;
}

.event-location {
  font-size: 1.6rem;
  margin-top: 5px;
  margin-bottom: 5px;
}

.event-location img {
  margin-right: 10px;
  width: 25px;
}

#majors .top {
  padding-bottom: 0px;
}

.toggle-icon2 {
  width: 10%;
  margin-left: 45%;
  margin-top: -7%;
}

.toggle-article2 {
  display: none;
  margin: 0;
}