/* -----------------------------
メジャーのナビゲーション
----------------------------- */

#majorNavi li {
    width: 12.5%;
}

#majorNavi .new_ro {
    border-bottom: 4px solid #CD3849 !important;
}

#majorNavi .new_ep {
    border-bottom: 4px solid #DD5434 !important;
}

#majorNavi .new_ch {
    border-bottom: 4px solid #F4A23B !important;
}

#majorNavi .new_es {
    border-bottom: 4px solid #009B6B !important;
}

#majorNavi .new_al {
    border-bottom: 4px solid #00898D !important;
}

#majorNavi .new_is {
    border-bottom: 4px solid #36BDE3 !important;
}

#majorNavi .new_nc {
    border-bottom: 4px solid #00609A !important;
}

#majorNavi .new_xd {
    border-bottom: 4px solid #57479A !important;
}

/* 領域ナビゲーション */
#majorNavi .new_ase{
    width: 37.5%;
    font-weight: 600;
}

#majorNavi .new_ed{
    width: 25.0%;
    font-weight: 600;
}

#majorNavi .new_im{
    width: 37.5%;
    font-weight: 600;
}
#majorNavi .new_ase a{
    height: 30px;
}
#majorNavi .new_ed a{
    height: 30px;
}
#majorNavi .new_im a{
    height: 30px;
}

/* -----------------------------
メジャートップページのメジャー名の表記を小さく
----------------------------- */
#imgTitle .inner .title_major span {
    font-size: 1.6em;
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
    vertical-align: middle;
}

/* -----------------------------
情報学領域の研究紹介（レスポンシブ）
----------------------------- */

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	 #staff {
		 width:100%;
		 display: block;
	}
	 #staff .vtitle:before {
		 content: "ビデオタイトル：";
		 margin: 5px;
		 margin-left: 0px;
		 border-left: solid;
		 padding-left: 5px;
		/* border-left-color: #0062A1; */
	}

	 #staff .kword:before {
		 content: "キーワード：";
		 margin: 5px;
		 margin-left: 0px;
		 border-left: solid;
		 padding-left: 5px;
		/* border-left-color: #0062A1; */
	}
	}