@charset "UTF-8";


/* ------------------------------ */
/* ナビ                           */
/* ------------------------------ */

nav#main_nav {
    width: 100%;
    background: #fff;
    position: relative;
    background: #fff;
    z-index: 100;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.wrap-nav {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 100;
}

.main-nav {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    padding: 0;
    z-index: 100;
}

.main-nav-list {
    width: 167px;
	height: 65px;
    list-style: none;
    margin: 0;
    padding: 0;
}

	.main-nav .menu_1 {
		background: url(../../megamenu/images/gnav.png);
		background-position: 0 0;
	}

	.main-nav .menu_1:hover {
		background: url(../../megamenu/images/gnav.png);
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}

	.main-nav .menu_2 {
		background: url(../../megamenu/images/gnav.png);
		background-position: -167px 0;
	}

	.main-nav .menu_2:hover {
		background: url(../../megamenu/images/gnav.png);
		background-position: -167px 0;
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}

	.main-nav .menu_3 {
		background: url(../../megamenu/images/gnav.png);
		background-position: -334px 0;
	}

	.main-nav .menu_3:hover {
		background: url(../../megamenu/images/gnav.png);
		background-position: -334px 0;
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}

	.main-nav .menu_4 {
		background: url(../../megamenu/images/gnav.png);
		background-position: -501px 0;
	}

	.main-nav .menu_4:hover {
		background: url(../../megamenu/images/gnav.png);
		background-position: -501px 0;
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}
	
	.main-nav .menu_5 {
		background: url(../../megamenu/images/gnav.png);
		background-position: -668px 0;
	}

	.main-nav .menu_5:hover {
		background: url(../../megamenu/images/gnav.png);
		background-position: -668px 0;
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}
	
	.main-nav .menu_6 {
		width: 165px;
		background: url(../../megamenu/images/gnav.png);
		background-position: -835px 0;
	}

	.main-nav .menu_6:hover {
		background: url(../../megamenu/images/gnav.png);
		background-position: -835px 0;
		background-color: #e2e1ef;
		transition: 0.3s ease all;
	}
	
.about .main-nav .main-nav-list:first-child { background-position: 0 -65px; }
.curriculum .main-nav .main-nav-list:nth-child(2){ background-position: -167px -65px; }
.admission .main-nav .main-nav-list:nth-child(3){ background-position: -334px -65px; }
.campus_life .main-nav .main-nav-list:nth-child(4){ background-position: -501px -65px; }
.research_institute .main-nav .main-nav-list:nth-child(5){ background-position: -668px -65px; }
.alumni .main-nav-list:last-child { background-position: -835px -65px; }
	
	
.main-nav-list > a.main-nav-link {
    display: block;
    width: 100%;
    padding: 23.5px 0;
    text-align: center;
	text-decoration: none;
	
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ------------------------------ */
/* ドロップダウンメニュー内         */
/* ------------------------------ */

.dropdown-content {
    box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 20px;
	background: #000546;
	display: none;
	z-index: 9999;
	
	color: #fff;
}

.dropdown-content div.clearfix div:first-child {
	width: 300px;
	float: left;
	margin-right: 20px;
}

	.dropdown-content div.clearfix div:first-child h3 {
		font-size: 160%;
		margin-bottom: 20px;
	}

.dropdown-content div.clearfix ul {
	width: 640px;
	float: left;
}
	
	.dropdown-content div.clearfix ul li a {
		display: block;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px dashed #686b99;
		
		color: #fff;
		text-decoration: none;
		
		background-image: url(../../megamenu/images/icon.png);
		background-repeat: no-repeat;
		background-position: 8px center;
		padding-left: 25px;
	}
	
	.dropdown-content div.clearfix ul li a:hover {
		background-color: #2e347d;
		text-decoration: underline;
	}

.btn-dropdown-close {
	display: inline-block;
	width: 100px;
	color: #000546;
	background: #fff;
	cursor: pointer;
	padding: 8px 0px;
	float: right;
	
	text-align: center;
	margin-top: 20px;
}

/* ------------------------- */

#dropdown-overlay {
	z-index: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 背景グレー */
}

/* ------------------------- */


@media (max-width: 480px) {
	#main_nav {
		display: none;
	}
}