@charset "utf-8";

#nav{
    position: relative;
    width: 100%;
}

#menu_open{
	display:block;
	width:180px;
    height:34px;
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
    padding-top: 10px;
    color: #333333;
	background-color:#D9A404;
    
    /*#D2B48C;*/
	text-decoration:none;
}

#menu_open:hover{
	background-color:#DEB887;
}

#gnav{
	position: absolute;
	width: 100%;
	top: -600px;
	z-index: 10;
	transition: top 1s;
}

#menu_close{
	display:block;
	width:180px;
    height:34px;
	float:right;
	text-align:center;
    padding-top:10px;
    background-color:#D9A404;
    /*#D2B48C;*/
    text-decoration:none;
}

#menu_close:hover{
	background-color:#DEB887;
}


#contents_list{
	margin-top:60px;
	list-style:none;
	padding:0px;
	text-decoration:none;
	background-color:rgba(0,0,0,0.50);
}

#contents_list li a{
    display:block;
	position: relative;
	margin: 8px;
	height:48px;
	padding:12px 8px 12px;
	text-decoration:none;
	color: white;
	background-color: black;
}

#contents_list li a:after{
    position: absolute;
    top: 40%;
    right: 10px;
    display: block;
    content: "";
    width:12px;
    height: 12px;
    border-top: 3px solid;
    border-right: 3px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    
}


#gnav:target{
	top: 0px;
	
}