@charset "utf-8";

header{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:80px;
	background-size:cover;
	background-position:center center;
}
header>div{
	width:100%;
	max-width:100%;
	min-width:100%;
	position:relative;
}
header>div a#header_support{display:none;}
header>div h1{
	padding-top:2px;
}
	header>div h1 a{
		position:relative;
		display:block;
		width:123px;
		z-index:600;
	}


dl#menu_left{
	position:absolute;
	left:0px;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0px;
	z-index:560;
}
	dl#menu_left>dt{
		display:block;
		margin:15px 10px;
		height:0px;
		padding-top:50px;
		width:50px;
		background:url(../image/sp_menu_icon.png) no-repeat center center;
		background-size:45px 45px;
		border-radius:5px;
		overflow:hidden;
		z-index:10;
	}
	dl#menu_left>dd{
		background:#333;
		margin:0;
		border:1px solid #444;
		z-index:515;
		display:none;
		box-shadow:2px 2px 3px rgba(0,0,0,0.3);
	}
dl#menu_left.open{
	background:#000;
}
	dl#menu_left.open>dt{}
	dl#menu_left.open>dd{}
	
	
	
	header>div nav{position:static !important;}
		header>div nav ul#main_menu{margin-left:0px;}
		header>div nav ul#main_menu li{
			height:auto;
			display:block;
			float:none;
		}
		header nav ul#main_menu>li.top{display:block;}
		header nav ul#main_menu>li.support{display:block;}
		header>div nav ul#main_menu>li dl{display:block;}
		header>div nav ul#main_menu>li dl dt{
			width:auto;
			height:auto;
			margin-right:0px;
			border-top:1px solid #555;
			padding:5px 0;
		}
			header>div nav ul#main_menu>li:first-child dl dt{border:none;}
			header>div nav ul#main_menu>li dl:hover dt{
				height:auto;
				z-index:20;
				position:static !important;
				background:none !important;
			}
			header>div nav ul#main_menu>li dl dt>*{
				background-repeat:no-repeat;
				height:auto;
				padding:0;
				line-height:36px;
				width:auto;
				margin:0;
				
			}
				header>div nav ul#main_menu>li dl dt>a{
					overflow:hidden;
					height:auto;
					padding:0 0 0 20px;
					line-height:36px;
					width:auto;
					margin:0;
					font-weight:bold;
					color:#ccc;
					text-decoration:none;
					
					text-align:left;
					background: none !important;
				}
				
				header>div nav ul#main_menu>li dl dt>span{
					float:right;
					display:block;
					width: 50px;
					height: 0px;
					padding-top: 36px;
					overflow:hidden;
					background-position: right -455px;
					background-image:url(../image/sp_icon.png) !important;
					background-size: 200px 600px;
					background-repeat:no-repeat;
				}
				header>div nav ul#main_menu>li.close{
					background:#111;
					padding:8px;
					display:block;
					font-size:90%;
					color:#ddd;
				}
				header>div nav ul#main_menu>li dl dt>a{display:block;}
				header nav ul#main_menu>li dl:hover dd{display:none;}
		header>div nav ul#main_menu>li dl dd{
			display:none;
			border:none;
			text-align:left;
			border-radius:0px;
			box-shadow:none;
			padding:0;
			position:static !important;
			width:auto;
			background:#444 !important;
		}
			header nav ul#main_menu>li dl dd a{
				font-size:90%;
				display:block;
				white-space:nowrap;
				text-decoration:none;
				padding:0 0px 0 40px;
				line-height:36px;
				border-style:solid;
				border-top-width:0px;
				color:#fff;
				overflow:hidden;
			}
				header nav ul#main_menu>li.notice dl dd li a{border-color:#555;color:#ccc;}
				header nav ul#main_menu>li.lineup dl dd li a{border-color:#555;color:#ccc;}
				header nav ul#main_menu>li.howto dl dd li a{border-color:#555;color:#ccc;}
				header nav ul#main_menu>li.event dl dd li a{border-color:#555;color:#ccc;}
				header nav ul#main_menu>li dl dd li:first-child a{border:none;}
				header>div nav ul#main_menu>li dl dd li.to_top{display:none;}
				header>div nav ul#main_menu>li dl dd li{
					background-color:#444;
					border-bottom:1px solid #555;
					padding:5px 0;
				}
				header>div nav ul#main_menu>li dl dd li *{
					color:#fff !important;
				}
				header>div nav ul#main_menu>li dl dd li.sub{
					background-color:#555;
					
				}
				header>div nav ul#main_menu>li dl dd li.sub *{
					color:#ccc !important;
				}
				header>div nav ul#main_menu>li dl dd li.new{
					background-image:url(../image/sp_menu_new.png);
					background-repeat:no-repeat;
					background-size:23px 10px;
					background-position:8px center;
				}
dl#menu_right{
	display:none;
	position:absolute;
	width : 98% ; 
	width : -webkit-calc(100% - 75px) ;
	width : calc(100% - 75px) ;
	top:0px;
	right:00px;
	height:80px;
	border-left:1px solid #333;
	z-index:560;
}
	dl#menu_right ul#header_quick{display:none;}
	header #header_search{
		margin:20px;
		position:static;
		width:auto;
		height:40px;
		background:url(../image/alpha50_fff.png);
	}
		#header_search>form{padding-top:6px;}
		#header_search>form:after{
			content:"";
			display:block;
			clear:both;
		}
			#header_search>form #search_text{
				width : 98% ; 
				width : -webkit-calc(100% - 55px) ;
				width : calc(100% - 55px) ;
				
				float:none;
				height:26px;
				background:none;
				border:none;
				
				color:#eee;
				margin-left:10px;
			}
			#header_search>form #search_submit{
				float:right;
				width:28px;
				height:28px;
				background:url(../image/sp_search.png) no-repeat left top;
				background-size:28px 28px;
				text-decoration:none;
				margin-top:-1px;
			}

#breadcrumb{
	display:none;
	padding:2px 0 4px;
	color:#fff;
}