@charset "utf-8";
/* CSS Document */
.a-example,.a-example a{cursor:default;}
#dropmenu li ul li a span{display:block;font-size:13px;}
#headerlogo{background-color:#ffffff;text-align:center;width:100%;padding:10px!important;position:relative;max-width:1100px;margin:0 auto;}



#headerlogo img{height:130px;}

.logo_pc{display:inline-block;}
.logo_sp{display:none;}
.fixedmenu{position:fixed!important;top:0!important;width:100%;margin:0!important;padding:10px 0;}
.fixedmenu #headerlogo{display:none!important;}
.a-login{display:none!important;}
@media only screen and (min-width : 768px) {

	
}
@media only screen and (min-width : 1025px) {
	
	#drop_w.fixedmenu{background-color:rgba(255,255,255,0.98);box-shadow: 0 12px 10px -6px rgba(0,0,0,.1);}
header#nav{padding:0;height:auto;}
	#drop_w{background-color:rgba(255,255,255,0.9);}
	#home #drop_w{border-bottom:none;}
	#drop_w{text-align:center;
	z-index:99;	margin:40px 0;}
#dropmenu {

list-style-type: none;
font-size:0px;
padding: 0;
max-width:980px;
text-align: center;
z-index:99;
width:100%;
margin:0px auto 0 auto;
}
	
#dropmenu li {
  position: relative;
  display:inline-block;
 float:none;
  margin: 0 20px 0 0!important;
  padding:0px;
  text-align: center;
}
	#dropmenu li:last-child {margin-right:0;}	
	
#dropmenu li a {
  display: inline-block;

  padding:10px 5px;
	
  color: #333;
  font-size: 18px;
  text-decoration: none;
	color:#352718;background-size:60px 60px;background-position:center top 8px;
}
	
	
#dropmenu li a span strong{font-size:10px;display:block;font-weight:normal;}



	
	
	#home #dropmenu li.a-home > a,
	#example #dropmenu li.a-example > a,
	#works #dropmenu li.a-works > a,
	#about #dropmenu li.a-about > a,
	#recruit #dropmenu li.a-recruit > a,
	#contact #dropmenu li.a-contact > a,
	#dl #dropmenu li.a-dl > a
	{opacity:1;border-bottom:2px dotted #BFBFBF!important;font-weight:bold;}
#dropmenu  > li:hover > a,
	#dropmenu  > li > a:hover
	{opacity:1;border-bottom:2px dotted #BFBFBF!important;}
	
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
 
}
	

#dropmenu li ul li a {
  padding: 13px 15px;
  background-color: rgba(235,235,235,1);
  text-align: left;
color:#2A2A2A;
  font-weight: normal;min-width:300px;
}
	
	
	/***hover時のグローバル*/
#dropmenu > li:hover > a span{ }
	
#dropmenu > li li:hover > a{ background-color:#ffffff;opacity:1;}

#dropmenu li:hover > ul > li {
  overflow: visible;
  height: auto;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #616d0b }
#dropmenu li:hover ul li ul li:hover > a {  background: #535d09 }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}
	.toplogosp{display:none;}
}