@charset "utf-8";
/* ヘッダー */
/* ------------------------------------------------------- */
header {
  position: fixed;
  top: -100px;
  width: 100%;
  z-index: 999;
  -moz-box-shadow: 0px 0px 3px rgba(34,34,34,.2);-webkit-box-shadow: 0px 0px 3px rgba(34,34,34,.2);box-shadow: 0px 0px 3px rgba(34,34,34,.2);
}
#head {
  background: rgba(255,255,255,0.8);
  padding: 15px 0;
}

#head-logo {
  float: left;
  padding: 0 20px;
  width: 25%;
}

#head-logo img {
  max-height: 55px;
}

#head-menu {
  float: right;
  width: 75%;
}

#head-menu ul {
  text-align: right;
  padding-top: 0;
}

#head-menu ul li {
  display: inline-block;
  line-height:100%;
  margin: 0 1em;
  padding: 5px 0 0;
}

#head-menu ul li:last-child {
  margin-right: 20px;
}

#head-menu ul li a{
  color: #000;
  display: inline-block;
  padding: 0;
  text-align: center;
}

#head-menu ul li a span {
  color: #839191;
  font-size: 85%;
}

#head-menu ul li.head-menu-bt {
  padding-top: 0;
}

#head-menu ul li.head-menu-bt a {
  color: #fff;
  padding: 10px 25px;
  
}

#head-menu ul li.head-menu-bt a span {
  color: #fff;
  padding: 0;
}

#head-menu ul li.head-menu-bt a i {
  margin-left: 0;
  margin-right: 1em;
}

#head-menu .drawer-menu {
  position:relative;
  height: 0;
  width: 0;
}

#head-menu .drawer-menu-inner {
  display: none;
  height: auto;
  left: 0;
  position:absolute;
  text-align: left;
  top: 20px;
}

#head-menu .drawer-menu-inner .arrow {
  padding: 0 .5em;
}

#head-menu .drawer-menu-inner .arrow img {
  max-height: 15px;
}

#head-menu .drawer-menu-inner ul {
  background: #1c81c6;
  margin: 0;
  padding: 0;
}

#head-menu .drawer-menu-inner ul li {
  border-bottom: 1px #fff solid;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0;
}

#head-menu .drawer-menu-inner ul li:last-child {
  border: none;
  margin: 0;

}

#head-menu .drawer-menu-inner ul li a {
  color: #fff;
  display: block;
  padding: 10px 1em;
}

.sidr ul li.information-sub,
.sidr ul li.service-sub {
  background: #e8e8e8;
  display: none;
}


#sidr-right {
  padding: 0 0 65px;
  width: 260px;
  z-index: 400;
}

#sidr-right .sidr-inner {
  /*border-left: 1px solid #dfdfdf;*/
}

#sidr-right #bt-menu-close-wrap {
  padding: 10px;
  text-align: right;
}

#sidr-right #bt-menu-close-wrap img {
  max-height: 25px;
}

#sidr-right ul li span {
  display: inline;
  font-size: 80%;
  padding: 0;
}

#sidr-right ul li span {
  display: block;
}


#sidr-right .side-icon {
  padding: 0 10px;
}

#sidr-right p {
  line-height: 150%;
}

#sidr-right p a {
  color: #1c81c6;
}

#sidr-right ul li i {
  margin: 0 .5em 0 0;
}

/*
#sidr-right .side-icon img {
  max-height: 34px;
}

.sidr .side-txt {

}

.sidr .side-txt a {
  color: #0f5ba9;
}


*/

#bt-menu-toggle {
  display: none;
  float: right;
  padding-right: 10px;
  width: 40%;
}

#bt-menu-toggle .bt-more {
  text-align: right;
}

#bt-menu-toggle i {
  margin-left: 0;
  margin-right: 1em;
}


#menu-toggle {
  background: #1c81c6;
  color: #fff;
  display: none;
}

#menu-toggle ul {

}

#menu-toggle ul li {
  border-bottom: 1px #fff solid;
}

#menu-toggle ul li:last-child {
  border: none;
}

#menu-toggle ul li a {
  color: #fff;
  display: block;
  padding: 15px 1em;
}

#menu-toggle ul li a i {
  margin-right: .75em;
}

/* ------------------------------------------------------- */
@media (max-width: 1117px){
	#head-logo{
	  padding: 0 20px;
	}
	#head-menu ul {
	  padding-top: 5px;
	}
	
	#head-menu ul li:last-child {
	  margin-right: 20px;
	}
	
	#head-menu ul li {
	  margin: 0 .5em;
	}

	#head-menu ul li.head-menu-bt a {
	  padding: 10px 15px;
	}
}


@media (max-width: 940px){
	header {
	}
	
	#head-logo{
	  padding-left: 10px;
	  width: 60%;
	}
	
	#head-logo img{
	  max-height: 45px;
	}
	
	#head-menu {
	  display: none;
	}
	
	
	#bt-menu-toggle {
	  display: block;
	}

}


@media (max-width: 860px){
	
	/*
	#head-logo {
	  padding-left: 10px;
	  width: 40%;
	}
	
	#head-menu {
	  width: 60%;
	}
	
	#head-menu ul li:last-child {
	  margin-right: 10px;
	}
	
	#head-menu ul {
	  padding-top: 0;
	}
	*/
	

}

@media (max-width: 780px){

	
	
	

}
@media (max-width: 640px){
	#head {
	  background: rgba(255,255,255,0.9);
	}
	
	#bt-menu-toggle .bt-more a:hover{
	  filter:alpha(opacity=100);
	  opacity:1;
	}
	

}
/* ------------------------------------------------------- */