/* -----------------------------
メジャーページトップ画像
----------------------------- */

.new_ro .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/ro-page-smp.jpg);
 background-size: 100% auto;
 }

.new_ep .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/ep-page-smp.jpg);
 background-size: 100% auto;
 }

.new_ch .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/ch-page-smp.jpg);
 background-size: 100% auto;
 }

.new_es .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/es-page-smp.jpg);
 background-size: 100% auto;
 }

.new_al .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/al-page-smp.jpg);
 background-size: 100% auto;
 }

.new_is .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/is-page-smp.jpg);
 background-size: 100% auto;
 }

.new_nc .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/nc-page-smp.jpg);
 background-size: 100% auto;
 }

.new_xd .pageImageSp{
 background-image:url(/_themes/wakayama-u/sys/images/xd-page-smp.jpg);
 background-size: 100% auto;
 }

/* --------------------------------------------------
【システム工学部?各メジャー】メジャーナビ（スマホ用トップ）
-------------------------------------------------- */

#majorNaviSp ul{
     background-color:#444;
}

#majorNaviSp li{
     display:inline-block;
     width: 11.5%;
}

#majorNaviSp li a {
 /*    padding: 2px 4px;*/
}

#majorNaviSp li img {
     padding: 2px 4px;
     width: 80%;
}

/*--------------------------------------------------
               メジャー レフトカラム(メジャー内メニュー)　
-------------------------------------------------- */  
.sideNavi .piece {
 	margin-bottom:0;
}


/*サイドナビゲーション*/
#majorMdSideNavi .pieceHeader {
/*	background:  #0062A1;
	border-bottom: 3px solid #666;*/
}
 div#contents #majorMdSideNavi h2 {
/*       border-left: none;
       margin: 0;
       color:  #fff;
       padding:  0;
       font-size:  1.5em;
       margin-top:  0 !important;*/
}
 #contents .pieceHeader h2 {
	 margin: 0;
	 border-left: none;
	 padding: 0;
	 font-size: 1.5em;
	 color:  #fff;
	 margin-top:  0 !important;
}


	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

	 .pieceContainer .pieceHeader H2
	{
		display:  none;
	}
	 .sideNavi .pieceBody {
		 border: 0;
		 padding-bottom: 10px;
	}
	 #majorMdSideNavi .topbtn span {
		color:#fff;
	}
	 .sideNavi .pieceHeader {
		 padding: 0px;
		 padding-left: 10px;
	}
	#contents .sideNavi .pieceHeader h2 {
		color: #000;
	}
	
	
	
	/*メジャータイトル*/
	#contents .sideNavi .pieceHeader h2 {
		 font-size: 1.2em;
		 /* background-color: #fff; */
		 margin-top: 0 !important;
		 color: #fff;
	}
	 .sideNavi .pieceHeader {
		 background-color: #fff;
		 border: 0;
		 display:  block;
		 width:  50%;
	}
	
	/*メジャー内メニュー*/
	.sideNavi .pieceBody ul {
		font-size: 1em;
		display: table;
		padding: 0 10px 10px 10px;
	}
	 .sideNavi .pieceBody ul li {
		 display: inline-block;
		 width: 24%;
		 font-size: 1.2em;
		 height: 40px;
		 background-color: #eee;
		 margin: 1px;
		 vertical-align: top;
	}
	 .sideNavi .pieceBody li a {
		 padding: 5px;
		 padding: 0;
		 background: none;
		 height: 40px;
		 border-top: 0;
		 vertical-align: middle;
		 display: table-cell;
		 text-align: center;
		 width: 30%;
		 font-size: 0.8em;
	}
	}

/* --------------------------------------------------
	メジャーメニュー
-------------------------------------------------- */

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	#majorSide {
		 float: none !important;
		 width: 100% !important;
		/* position:  absolute;
		 top: 360px;*/
	}

	 .sideNavi .pieceBody {
		 border: 0;
		 padding-bottom: 0px;
		 background-color: transparent;
	}

	.sideNavi .pieceBody ul {
		padding: 0;
                width: 100%;
                display: table;
	}
	 .sideNavi .pieceBody li a {
		 padding: 5px;
		 padding: 0;
		 background: none;
		 height: 40px;
		 border-top: 0;
		 vertical-align: middle;
		 display: table-cell;
		 text-align: center;
		 width: 30%;
		 font-size: 0.8em;
		 color:  #fff;
	}

	 .sideNavi .pieceBody ul li {
		 display: inline-block;
		 width: 23.7%;
		 font-size: 1.2em;
		 height: 40px;
		/* border-right: 0.15px solid #fff; */
		 vertical-align: top;
		 border-top:  0.15px solid #fff;
	}


/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	 .sideNavi .pieceBody ul li {
		 width: 24.47%;
  }
}

	 .sideNavi .pieceBody ul li:nth-child(4n+1) {
              /*  margin: 0 0.15% 0 0;
		 margin-top:  1px; */
         }
	 .sideNavi .pieceBody ul li:nth-child(4n) {
		/* border-right: none;*/
         }


	.new_ro .sideNavi .pieceBody ul li {
		 background-color: rgba(205,56,73,1);
	}

	.new_ep .sideNavi .pieceBody ul li {
		 background-color: rgba(221,84,52,1);
	}
	.new_ch .sideNavi .pieceBody ul li {
		 background-color: rgba(244,162,59,1);
	}
	.new_es .sideNavi .pieceBody ul li {
		 background-color: rgba(1,149,106,1);
	}
	.new_al .sideNavi .pieceBody ul li {
		 background-color: rgba(25,139,134,1);
	}
	.new_is .sideNavi .pieceBody ul li {
		 background-color: rgba(54,189,227,1);
	}
	.new_nc .sideNavi .pieceBody ul li {
		 background-color: rgba(0,96,154,1);
	}
	.new_xd .sideNavi .pieceBody ul li {
		 background-color: rgba(87,71,154,1);
	}
	}

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

/*h1 タイトル　*/
        #contents, #contents .inner{
                background-color:  #fff;
        }

.listBody{
 border:0;
}


div#page div#contents #majorMain h1{
 color:#666 !important;
 background-color:#fff !important;
 font-size: 5vw;
 /* font-weight: normal; */
 text-align:  center;
 margin:  1em 2em;
}

div#page div#contents #majorMain #news h1,
div#page div#contents #majorMain #award h1{
 margin:  0; 
}


 .new_ro #pageTitle h1{
 border-color: #CD3849 !important;
}

 .new_ep #pageTitle h1{
 border-color: #DD5434 !important;
}

 .new_ch #pageTitle h1{
 border-color: #F4A23B !important;
}

 .new_es #pageTitle h1{
 border-color: #009B6B !important;
}

 .new_al #pageTitle h1{
 border-color: #00898D !important;
}

 .new_is #pageTitle h1{
 border-color: #36BDE3 !important;
}

 .new_nc #pageTitle h1{
 border-color: #00609A !important;
}

 .new_xd #pageTitle h1{
 border-color: #57479A !important;
}
}


/*　スマホ用メジャーナビ（ボトム）　*/
/*　PC用　*/
#page div#majorNavi div.inner {
	 width: auto;
	 max-width: 1020px;
 	margin: 0 auto;
}
 #majorNavi .inner {
 width: auto;
}	

/*　スマホ用　*/
#spMajorNavi .pieceBody ul li {
	 display: inline-block;
	 width: 24%;
	 height: 60px;
	 background-color: #eee;
	 margin: 1px;
}

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	
	/*　画像ありver.　*/
		#spMajorNavi .pieceBody ul li {
		 background-color: #f9f9f4;
	}
	 #spMajorNavi .pieceBody {
		 border:0;
	}
	 #spMajorNavi .pieceBody ul {
		 text-align: center;
		 font-size: 0;
		 background-color: #f9f9f4;
	}
	 #spMajorNavi .pieceBody li a {
		 padding: 0;
		 font-size: 1rem;
		 margin: 1px;
		 background: none;
		 border-top: none;
		 height: 50px;
		 vertical-align: middle;
		 display: table-cell;
		 width: 100%;
		 text-align: left;
		 width: 19%;
		 text-align: center;
		 font-feature-settings : "palt";
	}
	 #spMajorNavi .pieceBody img {
		 width: 30px;
		 height: auto;
		 padding: 3px;
		}
	#spMajorNavi .mt, #spMajorNavi .em, #spMajorNavi .ap, #spMajorNavi .ch, #spMajorNavi .ii, 
        #spMajorNavi .ni, #spMajorNavi .es, #spMajorNavi .ed, #spMajorNavi .md, #spMajorNavi .si, 
        #spMajorNavi .me, #spMajorNavi .ee {
		 border-left:none !important;
	}
	}