@charset "utf-8";


ul#menu {
	list-style-type : none;
	background : #442104;
	opacity : 0.9;
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 999;
	display : none;
}

ul#menu li {
	text-align : center;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;	
	color:  #FFFFFF; /*メニューの文字色*/
	font-size: 17px;
	font-weight: bold;
	line-height: 3em;
	border-top: 1px solid #777777;/*メニューの仕切り罫線色(メニューの背景色より明るい色)*/
}

ul#menu li a {
	text-decoration : none;
	display : block;
	color:  #FFFFFF; /*メニューの文字色*/
	font-weight: nomal;
  
}

ul#menu li a:hover {
	opacity : 0.7;
	color:  #FFFFFF; /*メニューの文字色*/
	font-weight: nomal;
  
}


div#sp-icon {
	width : 45px;
	height : 45px;
	position : absolute;
	right : 20px;
	top : 0px;
	z-index : 30001;
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.9;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : #ffffff;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}