@charset "utf-8";
/* CSS Document */
/*==================================================
Navi
==================================================*/
header nav{
	display: inline-block;
	background: none;
	width: auto;
	margin-top: 2px;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 860px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px 10px;
  color: #000;
  font-size: 100%;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 156%;
}
.dropmenu li ul li a{
  padding: 8px 10px 8px 15px;
  background: rgba(255,255,255,0.8);
  text-align: left;
}
.dropmenu li:hover > a{
}
.dropmenu li ul li a:hover{background: rgba(0,0,0,0.8); color: #fff !important;}

#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.btn-header{vertical-align: top; height: 27px; text-align: right; position: absolute; top: 0; right:0; z-index:9999;}

.btn-header a{display: inline-block; background:#000; color: #fff !important; font-size: 90%; text-decoration: none; text-align: center; border-radius: 4px; vertical-align: middle;}
a.btn-sns{
	width:30px;
	height: 27px;
	text-indent: -999999px;
}

a.btn-facebook{background: url(https://makers-jp.com/site/2017/data/icon_header_f.png) black center center no-repeat;}
a.btn-twitter{background: url(https://makers-jp.com/site/2017/data/icon_header_t.png) black center center no-repeat;}

a.m-award{
	border:1px solid #000;
	padding: 3px 10px 0 10px;
	
}
a.m-award:hover{background-color: transparent; color:#000 !important;}



/*サブ*/

#navi-sub{width:100%; clear:both; margin:0 0 30px; background:#6e6e6e; padding:0;}
#navi-sub ul{width:1000px; margin:0 auto; padding:0; height:38px; text-align:right !important;}
#navi-sub ul li{display:inline-block; height:38px;}
#navi-sub ul li a{display: block; margin: 0; padding:0 10px; font-weight: normal; line-height:38px; vertical-align:middle; text-decoration: none; color:#fff; font-size:90%; cursor:pointer;}
#navi-sub ul li a:hover{background:#000;}
#navi-sub ul li a:before{content:"▶︎"; font-size:70%; padding-right:5px;}