@charset "utf-8";
/* **************************************************************** *
 * @desc@ グローバルヘッダ
 * @edit@ 2019/05/31 SYSTEM追加
 * **************************************************************** */
#Header{
	box-sizing:border-box;
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:20000;
	margin:0;
	padding:0 60px 0 73px;
	width:100%;
	min-width:1280px;
	background-color:#000;
	background-image:
		url(../img/hd/bg_l.png),
		url(../img/hd/bg_r.png);
	background-position:center left,center right;
	background-repeat:no-repeat,no-repeat;
	background-size:auto 100%,auto 100%;
	white-space:nowrap;
	transition:all 0.4s;
}
#Header:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Header>h1{
	float:left;
	margin:0;
	padding:4px 10px;
	line-height:0;
	transition:all 0.4s;
}
#Header>h1 a{
	display:block;
	margin:0;
	padding:0;
	line-height:0;
}
#Header>h1 img{
	transition:all 0.4s;
}
#Header>nav{
	float:right;
	transition:all 0.4s;
}
#Header>nav>ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#Header>nav>ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Header>nav>ul>li{
	overflow:hidden;
	float:left;
	margin:0;
	border-left:2px solid #7e7e7f;
	padding:0;
	transform:skewX(-45deg);
}
#Header>nav>ul>li>a{
	overflow:hidden;
	outline:none;
	display:block;
	transition:all 0.3s;
}
#Header>nav>ul>li>a>span{
	overflow:hidden;
	display:block;
	width:150px;
	height:70px;
	background-color:#000;
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	transform:skewX(45deg);
}
#Header>nav>ul>li:nth-of-type(1)>a>span{
	background-image:url(../img/hd/bt_news_def.png);
}
#Header>nav>ul>li:nth-of-type(1)>a:hover>span,
#Header>nav>ul>li.cur:nth-of-type(1)>a>span{
	background-image:url(../img/hd/bt_news_cur.png);
}
#Header>nav>ul>li:nth-of-type(2)>a>span{
	background-image:url(../img/hd/bt_about_def.png);
}
#Header>nav>ul>li:nth-of-type(2)>a:hover>span,
#Header>nav>ul>li.cur:nth-of-type(2)>a>span{
	background-image:url(../img/hd/bt_about_cur.png);
}
#Header>nav>ul>li:nth-of-type(3)>a>span{
	width:200px;
	background-image:url(../img/hd/bt_char_def.png);
}
#Header>nav>ul>li:nth-of-type(3)>a:hover>span,
#Header>nav>ul>li.cur:nth-of-type(3)>a>span{
	background-image:url(../img/hd/bt_char_cur.png);
}
#Header>nav>ul>li:nth-of-type(4)>a>span{
	background-image:url(../img/hd/bt_gallery_def.png);
}
#Header>nav>ul>li:nth-of-type(4)>a:hover>span,
#Header>nav>ul>li.cur:nth-of-type(4)>a>span{
	background-image:url(../img/hd/bt_gallery_cur.png);
}
#Header>nav>ul>li:nth-of-type(5)>a>span{
	background-image:url(../img/hd/bt_system_def.png);
}
#Header>nav>ul>li:nth-of-type(5)>a:hover>span,
#Header>nav>ul>li.cur:nth-of-type(5)>a>span{
	background-image:url(../img/hd/bt_system_cur.png);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ 格納型メニュー調整
 * ================================================================ */
#Header.store{
	padding:0 30px 0  43px;
	min-width:400px;
	background-image:
		url(../img/hd/bg_l.png),
		none;
}
#Header.store>h1{
	width:114px;
}

#Header.store>nav{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:21100;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	text-align:center;
}
#Header.store>nav.close{
	top:-200px;
	height:0;
}
#Header.store>nav .ocBtn{
	display:block;
	position:fixed;
	right:10px;
	top:5px;
	z-index:21110;
	width:40px;
	height:40px;
	cursor:pointer;
	content:'';
}
#Header.store>nav .ocBtn>span{
	display:block;
	z-index:21120;
	width:40px;
	height:40px;
	background:transparent url(../img/hd/bt_store.png) center no-repeat;
	background-size:contain;
	cursor:pointer;
	content:'';
}
#Header.store>nav>ul{
	overflow:hidden;
	margin:0 auto;
	padding:60px 0 40px;
	max-width:640px;
}
#Header.store>nav.close>ul{
	display:none;
}
#Header.store>nav>ul>li{
	float:none;
	margin:0 auto;
	border-left:none;
	border-bottom:2px solid #7e7e7f;
	transform:skewX(0deg);
}
#Header.store>nav>ul>li>a{
	display:inline-block;
}
#Header.store>nav>ul>li>a>span{
	width:150px;
	height:70px;
	background-color:transparent;
	transform:skewX(0deg);
}