/*
 * support css for pushbar
 */


.drawer-nav {
	background: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.drawe-close {
	font-size: 1.4rem;
	padding: 32px 10px 16px;
}
.drawer-menu + .drawe-close { padding: 16px 10px 200px; }
.drawe-close span {
	display: inline-block;
	border: 1px #000 solid;
	vertical-align: baseline;
	padding: .5em 2em;
	border-radius: 100px;
}
.drawe-close span::before {
	font-family: dashicons;
	content: "\f335";
	margin: 0 .5em 0 0;
	position: relative;
	top: .1em;
}

.drawer-menu {
	border-top: 1px #d3d3d3 solid;
	margin: 16px 0;
}
.drawer-menu > li {
	border-bottom: 1px #d3d3d3 solid;
}
.drawer-menu li a,
.drawer-menu li span {
	display: block;
	color: #000;
	line-height: 1.6;
	font-size: 1.4rem;
	padding: 10px;
}
.drawer-menu > li > a,
.drawer-menu > li > span { font-weight: bold; }

.drawer-menu ul { margin: 0 0 0 1em; }
.drawer-menu li:not(.sns) ul a::before {
	font-family: dashicons;
	content: "\f345";
	margin: 0 .5em 0 0;
}

.drawer-menu .sns ul {
	padding: 1em 0;
}
.drawer-menu .sns ul li { 
	display: inline-block;
	margin: 0 1em 0 0;
}
.drawer-menu .sns ul li a {
	width: 32px;
	padding: 0;
}

.drawer-menu a:hover,
.drawer-menu a:active {
	background: #eee;
}

.drawer-open .drawer-nav {
	box-shadow: 2px 0px 4px rgba(0,0,0,1);
}

/* add fix bar */

.drawer-hamburger {
	height: 56px;
	padding: 0 13px;
}
.drawer-hamburger-icon {
	margin-top: 0;
}