/* ==========================================================================
   header
   ========================================================================== */

div#header{
	background: #333;
	background-clip: padding-box;
	width : 100% ;
	padding : 0px ;
	border: none ;
}

div#header:before {
	content: '';
	position: absolute;

	width: 100%;
	height: 34px;
	border : 2px solid #ff7c2b ;
	border-left : none ;
	border-right : none ;
	margin-top : 6px ;
}

div#header.sitetop {
	padding : 0px ;
	position : absolute !important ;
	border: none ;
	border-top: 10px solid rgba( 6 , 6 , 6 , 0.7 ) ;
	border-bottom : 10px solid rgba( 6, 6 , 6 , 0.7 ) ;
	top:436px;
	z-index:2;
}

div#header.sitetop:before {
	bottom : 4px ;
	margin-top : 0px ;
}

#header-in{
	position : relative ;
	margin: 0 auto;
	width : 960px;
}

#header-in #logo,
#header-in ul{
	display : inline-block ;
	vertical-align : top ;
}

#header-in ul{
	height : 38px ;
}

#header-in #logo
{
	position : relative ;
	width : 324px ;
	height : 70px ;
	padding-right : 10px;

	color : #efefef ;
	font-family: "Protest Strike", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: right ;
}

#header-in #logo:before {
	position : absolute ;
	display : block ;
	content : "" ;
	width : 100% ;
	height : calc( 100% / 2 + 8px ) ;
	top : 0 ;
	left : 0 ;
/*	border-bottom : 8px solid #ff7c2b ;*/
	box-sizing: border-box ;
}

#header-in #logo.title	{	height : 48px ;	}
	
#form-list{
	margin-left:4px;
}

#header-in #logo h1 ,
#header-in #logo.title a
{
	position:relative ;
	display : inline-block ;
	width : inherit ;
	height : calc( 100% - 20px ) ;
	color : #82C6F2 ;
}

#header-in #logo			{	font-size : 20px ;	}
#header-in #logo h1			{	font-size : 40px ;	}
#header-in #logo.title 		{	font-size : 14px ; width : 152px ;	}
#header-in #logo.title a	{	font-size : 20px ; height : calc( 100% - 18px ) ;	}

div#header div div.sns {
	position : absolute ;
	display : block ;
	margin-bottom : 4px ;
	right : 0px ;
	bottom : 0px ;
}

div#header div div.sns a		{ color : #ddd ;	}
div#header div div.sns a:hover	{ color : #fff ;	}

div#header-in div.sns i {
}