@media screen and (min-width:751px){
	#Header {
		display: none;
	}
	#Header_Wrap {
	width:100%;
	height:128px;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	top:0;
	left:0;
	border-bottom:#a50123 solid 5px;
	z-index:9999;
}
#Header_border {
	width:100%;
	height:100%;
}
#Header_Area {
	width:1200px;
	margin:0 auto 0 auto;
}
/*
.Logo {
	width:231px;
	height:64px;
	background:url(../images/header_logo.png) top left no-repeat;
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	margin:23px auto 0 auto;
	clear:both;
}
*/
.Logo {
	width:355px;
	height:47px;
	background:url(../images/header_logo02.png) top left no-repeat;
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	margin:23px auto 0 auto;
	clear:both;
}

.Header_Navi {
	margin-top:21px;
}
#HN_List {
	margin:auto !important;
	width:900px;
}
#HN_List li{
	height:25px;
	width:150px;
	float:left !important;
}
#HN_List a {
	display:block;
	width:150px;
	height:25px;
	padding:6px 0 0 0;
	text-align:center;
	border-right:solid 1px #b6b6b6;
}
#HN_List a:hover {
	background-color:rgba(200,200,200,0.3)
}
.hnl_first {
	border-left:solid 1px #b6b6b6;
}
}

@media screen and (max-width:750px){
	#Header_Wrap {
		display: none;
	}
	
	#Header {
		width: 100%;
		height: 54px;
		background-color: #a50123;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9000;
	}
	
	.hd_menu_btn , .hd_close_btn{
		position:fixed;
		top:0px;
		left:0px;
		z-index:9100;
	}

	.hd_menu_btn img , .hd_close_btn img{
		width:54px;
	}

	#hd_logo {
		position:fixed;
		top:10px;
		left:calc(50% - 174px/2);
		z-index:9999;
	}
	#hd_logo img {
		width:174px;
	}
	.hd_menu_cont {
		width:250px;
		position:fixed;
		top:54px;
		left:0px;
		z-index:9099;
	}

	.hd_menu_cont ul{
	}

	.hd_menu_cont li{
		width:100%;
		background-color:rgba(191,73,95,0.8);
		/*background-color:rgba(165,1,35,0.5);*/
	}
	.hd_menu_cont a {
		display:block;
		color:#fff;
		font-size:larger;
		padding:10px 0 10px 20px;
		border-bottom:1px solid #fff;
	}
}