/*ヘッダー*/
header#KMFixMenu {width:100%; z-index:10000000;}

/*固定メニュー*/
header#KMFixMenu .menu{width:100%; height:60px; z-index:100000000; position:fixed; top:-60px; opacity:0; -webkit-transition:all .5s; transition:all .5s;}
header#KMFixMenu .menu h1{width:100%; height:20px; text-align:center; color:#FFFFFF;}
header#KMFixMenu .menu.slide{top:0px; opacity:1;}
header#KMFixMenu .menu .logo{position:absolute; top:10px; left:20px; width:146px;}
header#KMFixMenu .menu .logo img {width: 100%;}


header#KMFixMenu .menu .MenuBtn{position:absolute; right:15px; top:10px; width:110px; height:35px;}
header#KMFixMenu .menu .MenuBtn img {width: 100%;}
header#KMFixMenu .menu #MenuOpen {cursor:pointer;}
header#KMFixMenu .menu.open #MenuOpen {display: none;}
header#KMFixMenu .menu #MenuClose {cursor:pointer;display:none;}
header#KMFixMenu .menu.open #MenuClose {display:block;}

header#KMFixMenu .menu nav {display:none; position:absolute; top:60px; left:0px; width:100%; padding: 30px 0;}
header#KMFixMenu .menu nav>ul{margin:0 auto; display:table; box-sizing:border-box;}

header#KMFixMenu .menu nav>ul>li{display:table-cell; width:25%; box-sizing:border-box; border-right:1px solid #001818; padding:10px;}
header#KMFixMenu .menu nav>ul>li h3{margin-bottom:15px; margin-top:20px;}
header#KMFixMenu .menu nav>ul>li>ul{list-style:none;}
header#KMFixMenu .menu nav>ul>li>ul>li{margin-bottom:10px;}
header#KMFixMenu .menu nav>ul>li>ul>li:last-of-type{margin-bottom:0px;}
header#KMFixMenu .menu nav>ul>li a{display:block; line-height:20px;}
header#KMFixMenu .menu nav>ul>li a{background:url(../common/img/icon/menuarrow.png) left center no-repeat; padding-left:20px; text-decoration:none; font-size:16px;}


header#KMFixMenu .menu nav{background:#003231; border-top:1px solid #001818;}
header#KMFixMenu .menu nav>ul{border-left:1px solid #001818;}
header#KMFixMenu .menu nav>ul>li{border-right:1px solid #001818;}
header#KMFixMenu .menu nav>ul>li h3{color:#FFFFFF; border-bottom:1px solid #001818;}
header#KMFixMenu .menu nav>ul>li a{color:#FFFFFF;}
header#KMFixMenu .menu nav ul li a:hover{color:#A8A8A8;}


header#KMFixMenu .menu.slide.open {
height: 100vh;
overflow-y:auto;
}



/* header */

header.KMheader{margin:0 auto; height:auto; width:100%;}

header.KMheader{
	background-color:#FFFFFF;
	position:relative;
	z-index:8000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}

header.KMheader .header{max-width:1040px; height:auto; margin:0 auto; position:relative;}

.header:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}
/*\*/
* html .header {
height:1px;
overflow: visible;
}

header.KMheader #socialbuttons{
	width: 180px;
}
header.KMheader #socialbuttons div{float:left; margin-right:5px;}


header.KMheader h1{text-align:center; width:100%; margin:0 auto; overflow:hidden;}


/* KMshFix */
.KMshFix{width:auto; height:70px;}
.KMshFix{position:absolute; top:30px; right:0px;}

.KMshFix li{float:right; margin-left:5px;}


/* KMsfFix */
.KMsfFix{width:auto; height:70px;}
.KMsfFix{
	position: absolute;
	top: 5px;
	right: -2px;
}

.KMsfFix li{float:right; margin-left:5px;}


/* breadcrumb */
.breadcrumbs{width:100%; height:auto;}
.breadcrumbs ul{margin:0 auto; height:30px;}
.breadcrumbs li{float:left; padding-right:5px; color:#FFFFFF;}
.breadcrumbs li a{display:block; padding-right:15px; background:url(../common/img/crumbs.png) no-repeat right center; color:#FFFFFF;}
.breadcrumbs li a:hover{ text-decoration:underline;}



.KMtabs ul{list-style: none; margin:0; display:table; height:46px; padding:0 5px 20px;}
.KMtabs ul li{display:table-cell; box-sizing:border-box; width:90px; height:46px; margin-right:5px;}
.KMtabs ul li:first-child{}

.KMtabs ul.page{padding-top: 40px;}

.KMtabs ul a{width:auto; text-align:center; display:block; height:46px;}


.KMtabs ul li{float:left;}

.KMBG07 .KMtabs ul li{float:right;}

.KMtabs ul a,.tabs ul .active a{line-height:46px;}

.KMtabs ul a:focus {outline:0;}
.KMtabs ul .active a{z-index:100;}


.KMtabs ul li:last-child{}
.KMtabs ul li:first-child{}
.KMtabs ul li:last-child{}



header#KMFixMenu .menu nav>ul{width:1040px;}
.breadcrumbs ul{width:1040px;}
.KMtabs ul{width:100%;}

/*base*/
@media only screen and (min-width:960px) and (max-width:1200px) {
header#KMFixMenu .menu nav>ul{width:100%;}
.breadcrumbs ul{width:100%;}

}

/*base*/
@media only screen and (min-width:600px) and (max-width:959px) {
header.KMheader .header{width:100%;}
header#KMFixMenu .menu nav>ul{width:100%;}
.breadcrumbs ul{width:100%;}
}

/*base*/
@media only screen and (max-width:599px) {
header.KMheader .header{width:100%;}
header#KMFixMenu .menu nav>ul{width:100%;}	
.breadcrumbs ul{width:100%;}
}


/*add*/
@media screen and (max-width: 768px) {
header.KMheader{display:none;}
.topbreadcrumbs{height:100px;}
.topbreadcrumbs02{height:0;}
.pc{display: none;}
.sp{display: block;}
}



/*------------------------------------------------------------
##  スマフォ
-------------------------------------------------------------*/
@media screen and (max-width: 768px) {
/*ヘッダー*/
header#KMFixMenu .menu{height:100px;}

header#KMFixMenu .menu h1{height:20px; font-size:11px; line-height:13px;}

header#KMFixMenu .menu .logo {top:10px; left:10px;}

header#KMFixMenu .menu .logo{
	width:100px;
	
}


header#KMFixMenu .menu nav{display:none; padding:0; position:absolute; top:99px; left: 0px; width:100%; height:100%; -webkit-overflow-scrolling:touch;}
header#KMFixMenu .menu nav>ul{display:block; margin:0; padding:0; border:none;}
header#KMFixMenu .menu nav>ul>li{display: block; margin:0; padding:0; border:none; width:100%;}
header#KMFixMenu .menu nav>ul>li h3{margin:0; padding:5px;}
header#KMFixMenu .menu nav>ul>li>ul>li{margin-bottom:0;}
header#KMFixMenu .menu nav>ul>li a{background-size:20px; padding:5px 10px 4px 15px; font-size:1em; font-weight:bold; line-height:30px;}

header#KMFixMenu .menu .MenuBtn{position:absolute; right:5px; top:5px; width:51px; height:56px;}
header#KMFixMenu .menu .MenuBtn img {width:100%;}
header#KMFixMenu .menu #MenuOpen{cursor: pointer;}
header#KMFixMenu .menu.open #MenuOpen{display:none;}
header#KMFixMenu .menu #MenuClose {display:none; cursor:pointer;}
header#KMFixMenu .menu.open #MenuClose{display:block;}
}

@media screen and (max-width: 500px) {
header#KMFixMenu .menu .logo {top:20px !important;}
}