/* スマホ ヘッダーメニュー */

#head {
	width: 100%;
	height: 40px;
	background: #d21477;
	text-align: center;
}
#panel-btn {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	margin: 0;
}
#panel-btn-icon {
	clear: both;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #e9569a;
	transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin-left: -7px;
	background: #e9569a;
	transition: .3s;
}
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }
#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 { 
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center; 
}
#panel a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}
#panel a:hover{
   color:#ffffff;
   text-decoration:underline;
   outline: none;
}
#panel ul {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#panel li {
	list-style: none;
	width: 100%;
	padding: 3px 0;
	background: #e9569a;
	text-align: center;
	border-top: 1px solid #f5eca3;
}
#panel li.last {
	list-style: none;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}