@charset "utf-8";
/* CSS Document */



#top-head{
	width:100%;
	border-bottom: 1px solid #dbdbdb;

}

#top-head img{
	vertical-align:bottom;
}

#global-nav{
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-weight: bold;
	color: #555555;
}

.nav_seach{
	display: none;
}


@media screen and (min-width: 641px) {
	#nav-toggle{
		display:none;
	}
	
	#head_wrap{
		width:1160px;
		margin: 0 auto;
		overflow:hidden;
	}
	
	h1.logo{
		margin-top:16px;
	}

	#top-head .logo img{
		vertical-align:top;
	}

	.logo_box,.header_bnr,.right_nav{
		float:left;
		overflow:hidden;
	}

	.knda_logo{
		text-align:center;
		overflow:hidden;
	}
	.knda_logo li{
		display:inline-block;
	}
	
	.global-nav{
		width:1160px;
		margin:0 auto;
		overflow:hidden;
	}
	.global-nav li{
		float:left;
		overflow:hidden;
	}

	.header_bnr{
		height:90px;
		padding: 16px 11px 0px;
		box-sizing:border-box;
	}

	.right_nav li{
		padding-top:16px;
		border-left:1px solid #dbdbdb;
		height:90px;
		float:left;
		overflow:hidden;
	}

	.right_nav li:last-child{
		width:90px;
		padding-top:8px;
		height:98px;
		text-align: center;
	}

	.global-nav_wrap{
		width:1160px;
		margin:0 auto;
	}

	#global-nav ul {
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	#global-nav ul li {
		display: table-cell;
		vertical-align: middle;
		position:relative;
		padding:1em 0;
	}
	#global-nav ul li:nth-child(7) a{
		border-right: 1px solid #dbdbdb;
	}
	#global-nav ul li.seach {
		display: none;
	}

	#global-nav ul li a {
		display:block;
		border-left: 1px solid #dbdbdb;
		font-size: 16px;
		text-decoration: none;
	}

	#global-nav ul li.check a span,#global-nav ul li a:hover span{
		border-bottom:3px solid #ff8300;
	}

	#global-nav ul li .hover_box{
		display:none;
		width:9em;
		position:absolute;
		top:56px;
		left:0;
		z-index:9999999;
		border:1px solid #dbdbdb;
	}

	#global-nav ul li.on_hover .hover_box{
		display:block;
	}
	#global-nav ul li .hover_box li{
		width:100%;
		display:inline-block;
		background:#ffffff;
		padding:1em;
		box-sizing:border-box;
	}

	#global-nav ul li .hover_box li:first-child{
		border-bottom:1px solid #dbdbdb;
	}

	#global-nav ul li .hover_box li a{
		border-left:none;
		border-right:none;
	}

	#global-nav ul li .hover_box li a:hover span{
		border-bottom:3px solid #ff8300;
	}

}

@media screen and (max-width: 640px) {
	#top-head{
		overflow:hidden;
	}
	
	#global-nav{
		border-top:2px solid #dbdbdb;
	}

	.header_bnr{
		display:none;
	}

	h1{
		font-size:0;
	}

	.logo_box{
		padding-top: 12px;
		float:left;
		overflow:hidden;
	}

	.logo_box img{
		width:100%;
	}

	#top-head img{
		vertical-align:middle;
	}

	.logo_box h1{
		width:70px;
		padding-left:8px;
	}

	.knda_logo{
		text-align:center;
		overflow:hidden;
	}
	.knda_logo li{
		display:inline-block;
	}

	.knda_logo li:first-child{
		width:40px;
	}

	.knda_logo li:last-child{
		width:60px;
	}

	.right_nav,#nav-toggle{
		float:right;
		overflow:hidden;
	}
	
	#nav-toggle{
		width:56px;
		height:64px;
		padding-top:10px;
		border-left:1px solid #dbdbdb;
	}

	.right_nav img,#nav-toggle img{
		width:100%;
	}

	.knda_logo{
		text-align:center;
		overflow:hidden;
	}
	.knda_logo li{
		display:inline-block;
	}

	.right_nav li{
		width:54px;
		padding-top:10px;
		border-left:1px solid #dbdbdb;
		height:64px;
		float:left;
		overflow:hidden;
	}

	.right_nav li img{
		width:100%;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top:74px;
		background: #ffffff;
		width: 100%;
		text-align: center;
		z-index: 99999;
		display:none;
	}

	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		padding: 10px 0;
	}

	#top-head #global-nav ul li{
		border-bottom:1px solid#dbdbdb;
                width: 100%;
	}

	#global-nav ul li.seach {
		display: inline-block;
	}

	
	#top-head #global-nav ul li.check a{
		border-bottom:3px solid #ff8300;
	}

	#top-head #global-nav ul li:last-child{
		border-bottom:none;
	}

	#global-nav ul li .hover_box{
		background:#f6f6f6;
	}

	#global-nav ul li .hover_box li:first-child{
		border-top:1px solid#dbdbdb;
		border-bottom:1px solid#dbdbdb;
	}

}

@media screen and (min-width:370px) and ( max-width:640px) {
	.logo_box{
		padding-top: 16px;
		float:left;
		overflow:hidden;
	}

	.logo_box h1{
    		width: 70px;
    		padding-left: 14px;
	}
	.nav_seach{
		display: inline-block;
	}

}