/*  MEgamenu & Multicolumn  */

/*  size limit  */
.mega_outer{
    margin: 0 auto;
    width: 100%;
    min-width: 960px;
    max-width: 1280px;
    position: relative;
}

/*  Megamenu  */
.megamenu{
    zoom: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}


.megamenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}   
.megamenu:after {
    content: "";
    display: table;
    clear: both;
}
.megamenu > ul > li {
	height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
}
.megamenu > ul > li > a {
    color: #fff;
}
.megamenu li ul {
	overflow: hidden;
    width: 100%;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 0;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.7);
}
        
.megamenu li ul div {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}
.megamenu li ul img {
    float: left;
    margin-right: 20px;
}
.megamenu .active {
    color: #fff;
    display: block;
    text-decoration: none;
}



/*  first  */
.megamenu.first{
    font-size: 1.6rem;
}
.megamenu.first > ul > li {
    width: 16.66%;
	background-image: url(../img/comm/navi.png);
	background-position: top left;
	background-repeat: repeat-x; 
}
.megamenu.first > ul > li.navi01{
	background-color:#AD7ED4;
}
.megamenu.first > ul > li.navi01:hover{
	background-color:#8B49C2;
}
.megamenu.first > ul > li.navi02{
	background-color:#E37EA0;
}
.megamenu.first > ul > li.navi02:hover{
	background-color:#D84979;
}
.megamenu.first > ul > li.navi03{
	background-color:#E1A464;
}
.megamenu.first > ul > li.navi03:hover{
	background-color:#DA8F3E;
}
.megamenu.first > ul > li.navi04{
	background-color:#DD7575;
}
.megamenu.first > ul > li.navi04:hover{
	background-color:#D45151;
}
.megamenu.first > ul > li.navi05{
	background-color:#5AB2BA;
}
.megamenu.first > ul > li.navi05:hover{
	background-color:#449BA3;
}
.megamenu.first > ul > li.navi06{
	background-color:#ABBA67;
    width: 16.7%;
}
.megamenu.first > ul > li.navi06:hover{
	background-color:#98A94C;
}

/*  second  */
.megamenu.second{
    font-size: 1.4rem;
	background-color: rgba(0,0,0,0.55);
}
.megamenu.second > ul > li {
    border-right: 1px solid #c2c2c2;
    width: 12.5%;
    box-sizing: border-box;
}
.megamenu.second > ul > li:last-child{
   border-right: none;
}
.megamenu.second > ul > li:hover{
	background-color: rgba(0,0,0,0.55);
}






/*  Multicolumn  */
.multi_column{
	display:table;
	clear: both;
	margin: 0 auto 50px;
	height: 100%;
	width: 100%;
	max-width: 1280px;
	overflow: auto;
}
.multi_column .block{
	display:table-cell;
	vertical-align: top;
	font-size: 1.3rem;
	box-sizing: border-box;
}
.multi_column .width28{
	width: 18%;
	height: 100%;
    padding: 15px 0 15px 15px;
}
.multi_column .width72{
/*	width: 72%;*/
	height: 100%;
    padding: 15px;
}


/*  news_list  */
.multi_column .news_list{
	width: 100%;
/*	max-width: 320px;
	max-width: 220px;*/
	height: 100%;
    white-space:normal;
    float: left;
    margin: -2px 0 0 0;/*-----------20160905（× menu closeを入れたため、隙間を作るため-5から-2に）-----------*/
}
.multi_column .news_list h3{
	font-size: 2.2rem;
	font-weight: normal;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #ccc;
/*	display: inline;*/
	text-align: center;
}
.multi_column .news_list ol{
    margin: 0 auto;
    padding: 0 10px;
    list-style: none;
/*	width: 106%;-----------20160902追加（ニュース欄の右側paddingを減らす意図！）-----------*/
	display: none;
}
.multi_column .news_list ol li{
    margin: 0;
    line-height: 200%;
	width: 100%;
	padding: 0 0 4px 0;
}
.multi_column .news_list ol li p{
    width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.multi_column .news_list ol li a:link,
.multi_column .news_list ol li a:visited{
    color: #fff;
    text-decoration: underline;
}
.multi_column .news_list ol li a:hover,
.multi_column .news_list ol li a:active,
.multi_column .news_list ol li a:focus{
    color: #ddd;
    text-decoration: none;
}
.multi_column .news_list ol li .date{
    display: block;
    font-weight: bold;
	line-height:100%;
	margin:5px 0 0 -8px;
	font-size:0.9em;
}
.multi_column .news_list ol li .cate p{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;    
	display: inine;
}    
.multi_column .news_list ol li .cate{
    margin: 1px 0 0;
    display: block;
    font-size: 1.047rem;
    line-height: 140%;
}
.multi_column .news_list ol li .cate a:link,
.multi_column .news_list ol li .cate a:visited{
    padding: 0 3px;
    border-radius: 0.1em;
    color: #000;
    background-color:#ccc;
    text-decoration: none;
/*  margin: 0 1% 2% 0;*/
    margin: 0 0px 3px 0;
    display: inline-block;
/*	border:1px solid #fff;*/
}
.multi_column .news_list ol li .cate a:hover,
.multi_column .news_list ol li .cate a:active,
.multi_column .news_list ol li .cate a:focus{
   background-color: #fff;
    color: #111;
    text-decoration: none;
}

.navi01 .multi_column .news_list h3{
    border: 1px solid #8B49C2;
	background-color:rgba(139,73,194,0.2);
}
.navi02 .multi_column .news_list h3{
    border: 1px solid #D84979;
	background-color:rgba(216,73,121,0.2);
}
.navi03 .multi_column .news_list h3{
    border: 1px solid #DA8F3E;
	background-color:rgba(218,143,62,0.2);
}
.navi04 .multi_column .news_list h3{
    border: 1px solid #D45151;
	background-color:rgba(212,81,81,0.2);
}
.navi05 .multi_column .news_list h3{
    border: 1px solid #449BA3;
	background-color:rgba(68,155,163,0.2);
}
.navi06 .multi_column .news_list h3{
    border: 1px solid #98A94C;
	background-color:rgba(152,169,76,0.2);
}






/*  columns menulist  */
.multi_column .block .columns{
	column-count:3;
/*	-moz-column-count:3;*/
	word-break: break-all;
	line-height: 170%;
}
.multi_column .block .columns div{
	border-left: 1px solid #ccc;
    padding: 0 2px 0 16px;/*--------------20160902 3つの均等カラムのパディングを指定！---------------*/
    box-sizing: border-box;
}
.multi_column .block .columns h3{
    clear: both;
	font-size: 2rem;    
	font-weight: normal;
	margin: 30px 0 5px;/*--------------20160902---------------*/
	padding: 5px 0 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px dashed #ccc;
}
.multi_column .block .columns h3:first-child{
    	margin: 0 0 5px;
}

.multi_column .block .columns a:link,
.multi_column .block .columns a:visited{
    color: #fff;
    text-decoration: none;
}
.multi_column .block .columns a:hover,
.multi_column .block .columns a:active,
.multi_column .block .columns a:focus{
    color: #ddd;
    text-decoration: underline;
}

.multi_column .columns ol{

}

.multi_column .columns ol li{
	/*width: 100%;*/
	margin: 0;
	padding: 0;
list-style-type:none;
}

.multi_column .columns ol li ol li{
    margin: 0 0 0 25px;/*-------------20160827-------------*/
    padding: 0;
    list-style: disc;
}

.multi_column .columns p{
   clear: both;
}
.multi_column .columns p img{
    display: block;
    padding: 0 0 15px;
}

.multi_column .columns p.clip{
    height: 120px;
    overflow: hidden;
    margin: 0 0 10px 0;
max-width: 245px;
}

/********段落の画像はフロートをクリア**********/
.multi_column .columns p img {
float:none !important;
}

/********メガメニュー内のサムネイルを画像から背景に変更し、その背景の指定**********/
.multi_column .columns .thumbnail{

    width: 100%;

/*  max-width: 255px;*/

    height: 100px;

    overflow: hidden;

    margin: 8px 0 5px 0;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

    border: none;

/* 	transition: 0.35s ease-in-out;*/
	transition: 0.3s ease;
	
}

.multi_column .columns a .thumbnail{

    border: none;

}

.multi_column .columns .thumbnail:hover{

    border: none;

    opacity: 0.7;

}

/********「大学案内」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.info01{
 	background-image: url(../img/thumbnail/director.jpg);
}
.multi_column .columns .thumbnail.info02{
 	background-image: url(../img/thumbnail/info.jpg);
}
.multi_column .columns .thumbnail.info03{
 	background-image: url(../img/thumbnail/plan.jpg);
}
.multi_column .columns .thumbnail.info04{
 	background-image: url(../img/thumbnail/corporation.jpg);
}

/********「学部・大学院」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.department01{
 	background-image: url(../img/thumbnail/internationalpolicy.jpg);
}
.multi_column .columns .thumbnail.department02{
 	background-image: url(../img/thumbnail/welfare.jpg);
}
.multi_column .columns .thumbnail.department03{
 	background-image: url(../img/thumbnail/nursing.jpg);
}
.multi_column .columns .thumbnail.department04{
 	background-image: url(../img/thumbnail/gsnursing.jpg);
}

/********「図書館・学内機関」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.library01{
 	background-image: url(../img/thumbnail/library.jpg);
}
.multi_column .columns .thumbnail.library02{
 	background-image: url(../img/thumbnail/areacenter.jpg);
}
.multi_column .columns .thumbnail.library03{
 	background-image: url(../img/thumbnail/careercenter.jpg);
}
.multi_column .columns .thumbnail.library04{
 	background-image: url(../img/thumbnail/healthcenter.jpg);
}
.multi_column .columns .thumbnail.library05{
 	background-image: url(../img/thumbnail/nursingcenter.jpg);
}
.multi_column .columns .thumbnail.library06{
 	background-image: url(../img/thumbnail/areacomprehensivecenter.jpg);
}

/********「学生生活」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.campus01{
 	background-image: url(../img/thumbnail/support.jpg);
}
.multi_column .columns .thumbnail.campus02{
 	background-image: url(../img/thumbnail/activity.jpg);
}

/********「教育・研究」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.education01{
 	background-image: url(../img/thumbnail/education.jpg);
}
.multi_column .columns .thumbnail.education02{
 	background-image: url(../img/thumbnail/research.jpg);
}

/********「入試情報」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.exam01{
 	background-image: url(../img/thumbnail/documents.jpg);
}
.multi_column .columns .thumbnail.exam02{
 	background-image: url(../img/thumbnail/facultyentrance.jpg);
}
.multi_column .columns .thumbnail.exam03{
 	background-image: url(../img/thumbnail/testresults.jpg);
}
.multi_column .columns .thumbnail.exam04{
 	background-image: url(../img/thumbnail/finish.jpg);
}
.multi_column .columns .thumbnail.exam05{
 	background-image: url(../img/thumbnail/entrancefee.jpg);
}
.multi_column .columns .thumbnail.exam06{
 	background-image: url(../img/thumbnail/inquiry.jpg);
}

/********「就職・キャリア」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.career01{
 	background-image: url(../img/thumbnail/career.jpg);
}

/********「地域貢献」メガメニュー内の背景画像の指定**********/

.multi_column .columns .thumbnail.area01{
 	background-image: url(../img/thumbnail/area.jpg);
}
.megamenu .close{
/*	display:block;*/
	position:absolute;
	z-index:10000;
	background-color:rgba(255,255,255,0.20);
	top:120px;
	cursor:pointer;
	color:rgba(255,255,255,1.00);
	font-size:1.2rem;
	padding:0px 8px 0px 8px;
/*	border:1px solid rgba(255,255,255,0.50);
	border-left:none;*/
	display: none;
}
.first .multi_column{
	padding-top:60px;
}