@charset "utf-8";
@media only screen and (min-width: 641px) {
	#switch {
		display: none;
	}
	#site-navigation {
		display: block;
		border-top: solid 1px #0051a3;
		border-bottom: solid 1px #0051a3;
		background-color: #125fad;
		position: relative;
	}
	#kdu-mega-menu {
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		width: 100%;
		/*1140px*/
		max-width: 71.25em;
		/*1170px*/
		/*max-width: 73.125em;*/
		*zoom: 1;
	}
	#kdu-mega-menu:after {
		display: table;
		clear: both;
		content: "";
	}
	#kdu-slide-menu {
		display: none;
	}
	.kdu-mega-menu .first-child {
		float: left;
		width: auto;
	}
	.kdu-mega-menu .first-child .title {
		margin: 0;
		border-right: 1px solid #2272c2;
		font-weight: normal;
		font-size: 1.125em;
	}
	.kdu-mega-menu .about .title {
		border-left: 1px solid #06519c;
	}
	.kdu-mega-menu .first-child .title a {
		display: block;
		padding: 8px 0 11px;
		width: 189px;
		border-right: 1px solid #06519c;
		color: #fff;
		text-align: center;
		text-shadow: 0px 1px 0px #0a4695;
	}
	.kdu-mega-menu .about .title a {
		border-left: 1px solid #2272c2;
	}
	.kdu-mega-menu .career .title a {
		width: 188px;
	}

	.kdu-mega-menu .second-child {
		position: absolute;
		left: 0;
		z-index: 9999;
		display: none;
		padding: 37px 0 0;
		width: 100%;
		background: #4b8ccc;
	}
	.kdu-mega-menu .second-child:after {
		display: table;
		clear: both;
		content: "";
	}
	.second-child-in {
		width: 100% !important;
	}
	.kdu-mega-menu .close {
		position: absolute;
		top: 10px;
		right: 2%;
		color: #fff;
		cursor: pointer;
	}
	.kdu-mega-menu .close:hover {
		background: #57a6dc;
	}
	.kdu-mega-menu .second-child .widget-content {
		position: relative;
		float: left;
		margin-bottom: 37px;
		padding: 7px 14px 20px;
		width: 20%;
		border-left: solid 1px #3f7fbe;
		color: #fff;
		font-size: 0.750em;
	}
	.kdu-mega-menu .second-child .widget-content:before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		border-left: solid 1px #5d9ddc;
		content: '';
	}

	.kdu-mega-menu .second-child .widget-content .widget-title {
		margin-bottom: 20px;
		color: #fff;
		font-size: 1.333em;
	}
	.kdu-mega-menu .second-child .widget-content a {
		color: #fff;
	}
	.kdu-mega-menu .second-child .widget-content ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.kdu-mega-menu .second-child .widget-content ul a {
		display: block;
		padding: 5px 16px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;	
		border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
	}
	.kdu-mega-menu .second-child .widget-content ul a:hover {
		background-color: #57a6dc;
	}

	.kdu-mega-menu .second-child .widget-content img {
		display: block;
		margin-bottom: 15px;
	}

	.kdu-mega-menu .search-form {
		display: none;
	}
	.kdu-mega-menu .widget_sp_image {
		display: block;
	}
	.kdu-mega-menu .open-button {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.kdu-mega-menu .widget_sp_image {
		display: none;
	}
	/* ボタン */
	.site-navigation {
		position: relative;
		z-index: 999;
		overflow: hidden;
		width: 74px;
		height: 25px;
	}
	#switch {
		display: block;
		padding-top: 25px;
		width: 74px;
		background: no-repeat url(../images/button-menu.png);
	}
	
	#kdu-megam-menu {
		display: none;
	}
	#kdu-slide-menu {
		/*
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 999;
		display: none;
		overflow: auto;
		width: 75%;
		*/
		background: #4b8ccc;
	}

	/* 検索フォーム */
	.kdu-mega-menu .search-form {
		padding: 7px;
		display: block;
	}
	.kdu-mega-menu .search-form .small-8 {
		width: 81.86531%;
	}
	.kdu-mega-menu .search-form .small-8 .search-field {
		height: 1.749em;
		border-color: #b3cbe5;
	}
	.kdu-mega-menu .search-form .small-4 {
		width: 36px;
	}
	.kdu-mega-menu .search-form .small-4 .search-submit {
		width: 36px;
		height: 24px;
		text-indent: -99999em;
		outline: none;
		border: none;
		padding: 0;
		background: no-repeat url(../images/button-search.png);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}

	/* Navigation */
	.second-child {
		display: none;
	}
	.kdu-mega-menu h3.widget-title + div {
		display: none;
	}
	.menu-off-canvas-menu-container {
		display: none;
	}
	.second-child-in {
		width: 100% !important;
	}
	.kdu-mega-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.kdu-mega-menu h2 {
		margin: 0;
	}
	.kdu-mega-menu h2 a,
	.kdu-mega-menu h3.widget-title ,
	.kdu-mega-menu ul li > a {
		color: #fff;
		display: block;
		margin: 0;
		border-bottom: solid 1px #4b8ccc;
		padding: 5px 16px;
		background-color: #115fad;
	}
	.kdu-mega-menu ul li li > a {
		background-color: #57a6dc;
	}
	.kdu-mega-menu ul li li li > a {
		background-color: #4b8ccc;
	}
	
	.kdu-mega-menu h2.current-child,
	.kdu-mega-menu h3.widget-title ,
	.kdu-mega-menu ul li.current-child {
		position: relative;
	}
	.kdu-mega-menu h2.current-child span.open-button,
	.kdu-mega-menu h3.widget-title span.open-button,
	.kdu-mega-menu ul li span.open-button {
		color: #fff;
		display: block;
		padding: 5px 16px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	.kdu-mega-menu ul li ul {
		display: none;
	}

	/* ボタン押した後 */
	/*
	.offcanvas {
		overflow: hidden;
	}
	*/
	.offcanvas #page,
	.offcanvas #off-canvas-content {
		-webkit-transition: left 0.2s, right 0.2s;
		transition: left 0.2s, right 0.2s;
	}
	/*
	.offcanvas #page {
		position: relative;
		left: 75%;
		width: 100%;
	}

	.offcanvas .kdu-mega-menu {
		display: block;
	}

	.offcanvas #overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
	}
	*/
}