.mobile_top { display:none; }
a.mp-back {
	display:none !important;
}

@media screen and (max-width: 768px) {
	.mobile_top {
		display:block;
		height:50px;
		margin:0 auto;
		padding:15px 0 5px;
		text-align:center;
	}
		.mobile_top a.menu-trigger {
			position: relative;
			padding-left:20px;
		}
		.mobile_top a.menu-trigger:before {
			position: absolute;
			top: 2px;
			left: 10px;
			width: 40px;
			height:40px;
		}
	#header_inner { height:100%; }
	#nav #menu_program { width:auto; }
	/* #secnav #menu_academy { width:auto; } */


	/*****************************************************
		Navigation
	******************************************************/
	/* === Academy Menu ================================= */
	#menu_academy {
		float:none;
		width:100%;
		height:100%;
		margin: 0;
		text-align:left;
		font-size:100%;
		font-weight:300;
		text-transform:uppercase;
	}
	#menu_academy:after {
		content:"";
		clear:both;
		display:block;
		height:1em;
		overflow:hidden;
	}
	:root #menu_academy a { font-size:100% \0; /* IE9 */ }
	:root #menu_academy a.fmany { font-size:90% \0; /* IE9 */ }
	html* #menu_academy a{ font-size:90%; }
	#menu_academy a.en{
		font-size:110%;
		font-size:90%\9;
		*font-size:100%;
	}

	/* --- P r i m a r y --- */
	#menu_academy ul {
		position:relative;
		flex-direction: column;
		gap:0;
		width: 100%;
		height:auto;
		padding:0;
		z-index:100;
	}
	#menu_academy ul li {
		position: static;
		float:none;
		width:100%;
		height:44px;
		margin:0;
		padding: 0;
		text-align:left;
	}
	#menu_academy ul li.bible,
	#menu_academy ul li.campus,
	#menu_academy ul li.photo,
	#menu_academy ul li.alumni,
	#menu_academy ul li.press,
	#menu_academy ul li.emp,
	#menu_academy ul li.blog {
		width:100%;
		height:100%;
		border-left:0;
	}

	#menu_academy ul li.menu_em { width:100%; }
	#menu_academy ul li:hover {
		margin:0;
		color: #fff;
	}
	/*#menu_academy ul li a:not(:target) { font-weight:normal\9; }*//* IE9 */
	#menu_academy ul li a:hover { color: #fff; }
	#menu_academy ul li.on a { color:#fff; }
	#menu_academy ul li.off a { color:#fff; }
	#menu_academy ul li.blog a { color:#fff; }
	#menu_academy ul li.blog a:hover { text-decoration:underline; }

	/* --- S e c o n d a r y --- */
	/* #menu_academy ul ul {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		width:100%;
		height:auto;
		margin: 5px 0;
		padding: 2px 0 5px;
		border-top:none;
		font-size:120%;
	} */
	#menu_academy ul ul { display: none; }
	#menu_academy ul ul li {
		float:none;
		width:auto;
		height:auto;
		margin: 0;
		padding:3px 0 0 20px;
		border: none;
		font-size:100%;
		text-transform:none;
	}
	#menu_academy ul ul li:hover {
		margin: 0;
		color: #fff;
		background-color:transparent;
	}
	#menu_academy ul ul li a {
		display: inline-block;
		width:100%;
		height:auto;
		margin: 0;
		padding:2px 5px 2px 0;
		color: #fff;
		font-size:90%;
		*font-size:80%; /* IE7 and below */
		text-align:right;
	}
	#menu_academy ul li.bible a,
	#menu_academy ul li.campus a,
	#menu_academy ul li.photo a,
	#menu_academy ul li.alumni a,
	#menu_academy ul li.press a,
	#menu_academy ul li.emp a,
	#menu_academy ul li.blog a { width:auto;}

	#menu_academy ul li ul li a:hover {
		color: #fff;
		background-image:none;
	}
	#menu_academy ul a:link,
	#menu_academy ul a:visited {
		color:#333;
		text-decoration:none;
	}
	#menu_academy ul a:active,
	#menu_academy ul a:hover,
	#menu_academy ul ul a:link,
	#menu_academy ul ul a:visited {
		color:#fff;
		text-decoration:none;
	}
	#menu_academy ul ul a:link,
	#menu_academy ul ul a:visited {
		font-size:90%¥9; /* IE8 and below */
		*font-size:90%; /* IE7 and below */
		*font-weight:normal; /* IE7 and below */
	}
	#menu_academy ul ul a:not(:target) {
		font-size:90%\9; /* IE9 */
		font-weight:normal\9; /* IE9 */
		*font-weight:normal; /* IE7 and below */
	}
	/* Other Menu */
	#secnav #menu_other {
		height:15px;
		text-align:right;
		font-family: PT Sans Narrow Bold, Euphemia, Calibri, "ヒラギノ角ゴ Pro W3", "meiryo", sans-serif;
		font-size:11px;
		*font-weight:bold; /* IE7 and below */
	}
	#secnav #menu_other ul { float:right; }
	#secnav #menu_other ul li {
		float:left;
		height:16px;
		margin-left:15px;
	}
	#secnav #menu_other ul li.f_jp {
		margin-top:0;
		margin-top /*\**/:2px\9; /* For IE8 */
		*margin-top:1px; /* For IE7 */
		_letter-spacing:5px; /* IE6 */
	}

	/* Secondary Navigations Link Color */
	#menu_other ul a:link,
	#menu_other ul a:visited {
		color:#333;
		text-decoration:none;
	}
	#menu_other ul a:active,
	#menu_other ul a:hover {
		color:#999;
		text-decoration:underline;
	}

	/* Search BOX - form setting is forms.css - */
	#box_search {
		clear:both;
		float:right;
		width:100%;
		height:35px;
		margin:5px 0;
		text-align:right;
	}

	/* === Program Menu ================================= */
	#nav {
		position:relative;
		top:auto;
		left:auto;
		margin:0;
		padding:0;
		width:100%;
		z-index:1000;
	}
	#nav #logo { display:none; }

	/* --- Vertical Navigation --- */
	#menu_program {
		position:relative;
		width:100%;
		height:auto;
		text-transform: uppercase;
	}
	/* --- P r i m a r y --- */
	#menu_program ul {
		width:100%;
		_width:200px; /* IE6 */
		height:auto;
		padding:10px 0;
		z-index:100;
	}
	#menu_program ul li {
		width:auto;
		height:auto;
		margin:0;
		padding: 0;
		font-weight:bold\9; /* IE7 and below */
	}
	#menu_program ul li:hover {
		width:auto;
		margin:0;
		padding: 0;
		font-weight:bold\9; /* IE7 and below */
		background:none;
	}
	#menu_program li a.title span { display:none; }

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

	#menu_program ul li .off { font-size:100%; }
	#menu_program ul li .on { font-size:14px; }
	*:first-child+html #menu_program ul li .on { font-size:12px; }


	/* --- S e c o n d a r y --- */
	#menu_program ul ul {
		display:block;
		position: relative;
		width:auto;
		/*margin:0 5px 10px 0;*/
		margin:0;
		padding: 10px 0 15px;
		z-index:-1;
	}
	*:first-child+html #menu_program ul ul {  } /* IE7 */

	#menu_program ul ul li {
		width:190px;
		height:auto;
		margin:0;
		padding:1px 0;
		border:none;
	}
	#menu_program ul ul li:hover {
		width:190px;
		margin:0;
		padding:1px 0;
		background-image:none;
	}

	#menu_program ul ul li a,
	#menu_program ul ul li a:visited {
		display:block;
		width:210px;
		height:20px;
		margin:0;
		padding:5px 10px 0px;
	}
	#menu_program ul ul li a:hover {
		width:210px;
		height:20px;
		margin:0;
		padding:5px 10px 0px;
		color: #fff;
		background-image:none;
	}
	#menu_program ul ul li a.link_3rd_indent,
	#menu_program ul ul li a.link_3rd_indent:visited {
		display:block;
		width:160px;
		height:20px;
		margin:0;
		padding:5px 10px 0 60px;
	}
	#menu_program ul ul li a.link_3rd_indent:hover {
		width:160px;
		height:20px;
		margin:0;
		padding:5px 10px 0px 60px;
		color:#fff;
		background-image:none;
	}
	#menu_program ul ul li span {
		width:40px;
		height:20px;
		margin:0;
		padding:5px 10px 0px;
		font-size:15px;
	}
	#menu_program ul:after,
	#menu_program ul ul:after,
	#menu_program ul ul li:after {
		content:"";
		display:block;
		clear:both;
		height:1px;
		overflow:visible;
	}

	/* --- Link Text Setting --- */
	#menu_program a:link,
	#menu_program a:visited {
		color:#fff;
		font-size:140%;
		*font-size:130%; /* IE7 and below */
		text-decoration:none;
	}
	#menu_program a:active,
	#menu_program a:hover {
		color:#fff;
		font-size:140%;
		*font-size:130%; /* IE7 and below */
		text-decoration:none;
	}
	#menu_program a span {
		margin-left:5px;
		font-size:12px;
		*font-size:11px; /* IE7 and below */
	}
	#menu_program ul ul a:link,
	#menu_program ul ul a:visited,
	#menu_program ul ul a:active,
	#menu_program ul ul a:hover {
		font-size:110%;
		font-size:110%\9;
		*font-size:100px; /* IE7 and below */
	}
	*:first-child+html #menu_program ul ul a:link,
	*:first-child+html #menu_program ul ul a:visited,
	*:first-child+html #menu_program ul ul a:active,
	*:first-child+html #menu_program ul ul a:hover { font-size:110%; }

	#menu_program ul li#en_academy ul a,
	#menu_program ul li#en_programs ul a,
	#menu_program ul li#en_opportunity ul a {
		font-size:130%;
		font-size:120%\9;
		*font-size:120%;
	}
	#menu_program ul li#en_academy ul a.long,
	#menu_program ul li#en_programs ul a.long,
	#menu_program ul li#en_opportunity ul a.long {
		font-size:130%;
		font-size:110%\9;
		*font-size:110%;
	}
	*/
	/* === Program Second Menu ================================= */
	#menu_program_second {
		width:200px;
		margin:2px 0;
		padding:5px 0;
	}
	#menu_program_second ul {
		width:200px;
		padding:7px 0;
		color:#b5b5b5;
		background-color:#fff;
	}
	#menu_program_second ul li {
		padding:0;
		font-size:12px;
		font-weight:bold;
		line-height:16px;
	}
	#menu_program_second ul a {
		display:block;
		width:100%;
		_width:180px;
		height:100%;
		padding:5px 10px;
		color:#a7a7a7;
		text-decoration:none;
	}
	#menu_program_second ul li.active,
	#menu_program_second ul a:hover {
		_display:block;
		width:180px;
		height:100%;
		padding:5px 10px;
		_width:180px; /* IE6 */
		background-color:#e6e6e6;
	}
	#menu_program_second ul li a.link_2nd_indent,
	#menu_program_second ul li a.link_2nd_indent:visited {
		display:block;
		width:175px;
		min-height:18px;
		margin: 0;
		padding:6px 0 4px 25px;
	}
	#menu_program_second ul li a.link_2nd_indent:hover {
		width:175px;
		min-height:18px;
		margin: 0;
		padding:6px 0 4px 25px;
		background-image:none;
	}
	#menu_program_second ul li.active span,
	#menu_program_second ul li span {
		height:20px;
		margin:0;
		padding:5px 10px 0 10px;
		font-size:15px;
		font-weight:normal;
		color:#666;
	}
	#menu_program_second ul li span {
	font-weight:bold\9;
	*font-weight:bold;
	}

	#menu_program_second ul:after {
		content:"";
		display:block;
		clear:both;
		height:1px;
		overflow:visible;
	}
	#menu_program_second ul li.active_2nd_indent {
		display:block;
		width:175px;
		min-height:18px;
		margin: 0;
		padding:6px 0 4px 25px;
		background-color:#e6e6e6;
	}
	#menu_program_second ul li.active_2nd {
		_display:block;
		width:200px;
		height:100%;
		padding:5px 0;
		_width:180px; /* IE6 */
		_padding:0;
		background-color:#e6e6e6;
	}
	#menu_program_second ul li.active_2nd span { padding:0 10px; }

	/* Premier School Menu */
	#menu_program_second ul li a.link_2nd_indent_pms,
	#menu_program_second ul li a.link_2nd_indent_pms:visited {
		display:block;
		width:140px;
		height:22px;
		margin: 0;
		padding:4px 0 0 60px;
	}
	#menu_program_second ul li a.link_2nd_indent_pms:hover {
		width:140px;
		height:22px;
		margin: 0;
		padding:4px 0 0 60px;
		background-image:none;
	}
	#menu_program_second ul li.active_2nd_indent_pms {
		display:block;
		width:140px;
		height:22px;
		margin: 0;
		padding:4px 0 0 60px;
		background-color:#e6e6e6;
	}
	/* Employment Menu */
	#menu_program_second ul li a.link_2nd_indent_emp,
	#menu_program_second ul li a.link_2nd_indent_emp:visited {
		display:block;
		width:166px;
		height:22px;
		margin: 0;
		padding:4px 0 0 34px;
	}
	#menu_program_second ul li a.link_2nd_indent_emp:hover {
		width:166px;
		height:22px;
		margin: 0;
		padding:4px 0 0 34px;
		background-image:none;
	}
	#menu_program_second ul li.active_2nd_indent_emp {
		display:block;
		width:166px;
		height:22px;
		margin: 0;
		padding:4px 0 0 34px;
		background-color:#e6e6e6;
	}

	/* Menu Category */
	#menu_program_second ul li.category { margin-top:10px; }
	#menu_program_second ul li.category span.jp { font-size:12px; font-weight:bold; }

	.scroller,
	.scroller-inner {
		position: relative;
	}
	/*.menu-trigger {
		position: relative;
		padding-left: 60px;
		font-size: 0.9em;
	}

	.menu-trigger:before {
		position: absolute;
		top: 2px;
		left: 0;
		width: 40px;
		height: 6px;
		background: #fff;
		box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
		content: '';
	}*/

	.mp-pusher {
		position: relative;
		left: 0;
		height: 100%;
	}

	.mp-menu {
		position: absolute; /* we can't use fixed here :( */
		top: 0;
		left: 0;
		z-index: 1;
		width:230px;
		height: 100%;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.mp-level {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	/* overlays for pusher and for level that gets covered */
	.mp-pusher::after,
	.mp-level::after,
	.mp-level::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		content: '';
		opacity: 0;
	}

	.mp-pusher::after,
	.mp-level::after {
		background: rgba(0,0,0,0.3);
		-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
		-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
		transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	}

	.mp-level::after {
		z-index: -1;
	}

	.mp-pusher.mp-pushed::after,
	.mp-level.mp-level-overlay::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}

	.mp-level.mp-level-overlay {
		cursor: pointer;
	}

	.mp-level.mp-level-overlay.mp-level::before {
		width: 100%;
		height: 100%;
		background: transparent;
		opacity: 1;
	}

	.mp-pusher,
	.mp-level {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	/* overlap */
	.mp-overlap .mp-level.mp-level-open {
		box-shadow: 1px 0 2px rgba(0,0,0,0.2);
		-webkit-transform: translate3d(-40px, 0, 0);
		-moz-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}

	/* First level */
	.mp-menu > .mp-level,
	.mp-menu > .mp-level.mp-level-open,
	.mp-menu.mp-overlap > .mp-level,
	.mp-menu.mp-overlap > .mp-level.mp-level-open {
		box-shadow: none;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	/* cover */
	.mp-cover .mp-level.mp-level-open {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	/* content style */
	.mp-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mp-menu h2 {
		margin: 0;
		padding: 1em;
		color: rgba(0,0,0,0.4);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-weight: 300;
		font-size: 2em;
	}

	.mp-menu.mp-overlap h2::before {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 8px;
		font-size: 75%;
		line-height: 1.8;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
		transition: opacity 0.3s, transform 0.1s 0.3s;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.mp-menu.mp-cover h2 {
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 1px;
		font-size: 1em;
	}

	.mp-overlap .mp-level.mp-level-overlay > h2::before {
		opacity: 1;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	.mp-menu ul li > a {
		display: block;
		padding: 0.7em 1em 0.7em 1em;
		outline: none;
		box-shadow: 0;
		text-shadow: 0;
		font-size: 1.4em;
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}

	.mp-menu ul li::before {
		position: absolute;
		left: 10px;
		z-index: -1;
		color: rgba(0,0,0,0.2);
		line-height: 3.5;
	}

	/*.mp-level > ul > li:first-child > a {
		box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
	}*/

	.mp-menu ul li a:hover,
	.mp-level > ul > li:first-child > a:hover {
		background: rgba(0,0,0,0.2);
		box-shadow: inset 0 -1px rgba(0,0,0,0);
	}

	.mp-menu .mp-level.mp-level-overlay > ul > li > a,
	.mp-level.mp-level-overlay > ul > li:first-child > a {
		box-shadow: inset 0 -1px rgba(0,0,0,0);
	}

	.mp-level > ul > li:first-child > a:hover,
	.mp-level.mp-level-overlay > ul > li:first-child > a {
		box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
	} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

	a.mp-back {
		background: rgba(0,0,0,0.1);
		outline: none;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 700;
		font-size:140%;
		display: block!important;
		padding: 1em 1em 0.6em;
		position: relative;
		box-shadow: inset 0 1px rgba(0,0,0,0.1);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
		border-bottom:dotted 1px #8e8b8a;
	}

	/*
	a.mp-back::after {
		font-family: 'linecons';
		position: absolute;
		content: "\e037";
		right: 10px;
		font-size: 1.3em;
		color: rgba(0,0,0,0.3);
	}
	*/
	.mp-menu .mp-level.mp-level-overlay > .mp-back,
	.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
		background: transparent;
		box-shadow: none;
		color: transparent;
	}

	/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
	/* We'll show the first level only */
	.no-csstransforms3d .mp-pusher,
	.no-js .mp-pusher {
		padding-left: 300px;
	}

	.no-csstransforms3d .mp-menu .mp-level,
	.no-js .mp-menu .mp-level {
		display: none;
	}

	.no-csstransforms3d .mp-menu > .mp-level,
	.no-js .mp-menu > .mp-level {
		display: block;
	}
	#header_inner:after,
	.mp-menu:after {
		content:"";
		clear:both;
		display:block;
	}
}