/* toggle-panel */
@media all and (min-width: 0px)and (max-width: 640px){
	#panel-btn {
		margin-top:30px;
	}
	#panel{
		background-color:#FFF;
		opacity:0.9;
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	#panel .menu_title{
		font-size:2.2rem;
		width:90%;
		max-width:980px;
		height:20px;
		margin:0 auto 0 auto;
		padding:5px;
		color:#FFF;
		background-color:#000;
	    font-family: "font_matisse";
	    line-height:1.4;
	}
	#panel .menu_list_left img{
		width:30px;
		margin-top:30px
	}
	#panel .menu_list img{
		width:20px;
	}
}
@media all and (min-width: 641px){
	#panel-btn {
		margin-top:50px;
	}
	#panel{
		background-color:#FFF;
		opacity:0.9;
		position:fixed;
		top:0;
		left:0;
		height:70%;
		width:100%;
		z-index:100;
	}
	#panel .menu_title{
		font-size:2.2rem;
		width:90%;
		max-width:980px;
		height:30px;
		margin:0 auto 0 auto;
		padding:5px;
		color:#FFF;
		background-color:#000;
	    font-family: "font_matisse";
	    line-height:1.2;
	}
	#panel .menu_list_left img{
		width:30px;
		margin-top:50px
	}
	#panel .menu_list img{
		padding-bottom:5px;
		width:30px;
	}
}

#panel-btn {
	display: inline-block;
	position: relative;
	float:left;
	width: 40px;
	height: 40px;
	margin-left:30px;
	border-radius: 10%;
	background: #000; 
}
#panel-btn-close{
	width:100%;
	color:#FFF;
	font-size:2.5rem;
}

#panel-btn:hover {
	background: #666;
	opacity:0.7;
}
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; margin: -3px 0 0 -12px; background: #FFF; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 40%; left: 50%; width: 24px; height: 3px; margin-left: -12px; background: #FFF; transition: .3s; }
#panel-btn-icon:before { margin-top: -9px; }
#panel-btn-icon:after { margin-top: 7px; }

/**
#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
**/



#panel .menu_list ul{
}
#panel .menu_list li{
	width:90%;
	max-width:980px;
	height:40px;
	margin:0 auto 0 auto;
	padding-bottom:10px;
	line-height:3.3;
	border-bottom:solid 1px #000;
}
#panel .menu_list li a{
	font-size:2.0rem;
	color:#000;
}
#panel .menu_list_left{
	width:90%;
	height:100px;
	max-width:980px;
	margin:0 auto 0 auto;
	text-align:left;
}