.drawer-nav{
	background-color: rgba(255, 255, 255, 0.8);
	color: #333;
}
.drawer-menu-v {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 7px;
	margin-left: 21%;
}
_:-ms-lang(x), .drawer-menu-v {
  margin-left: 12%;
}
.drawer-shop {
font-size: .8rem;
display: block;
padding: .75rem;
text-decoration: none;
color: #222;	
}
.drawer-menu li a {
	font-size: 10px;
	line-height: 0;
	letter-spacing: 1px;
}
.drawer-menu-h {
	position: absolute;
	bottom: 10%;
	margin-left: 15%;
}
.drawer-menu-item {
	font-size: .8rem;
	display: block;
  	padding: .75rem;
  	text-decoration: none;
  	color: #222;
}
.drawer-menu-h .drawer-menu-item, .drawer-menu-h .drawer-shop{
	font-size: 0.8rem;
	padding: 5px 0;
	letter-spacing: 1px;
}
@media (max-width:768px) {
	.drawer-nav {
		width: 18.25rem;
	}
	.drawer--left.drawer-open .drawer-hamburger {
		left: 18.25rem;
	}
	.drawer-menu-h {
		margin-left: 0;
		bottom: 0;
	}
	.drawer-menu-v {
		margin-left: 10%;
	}
	.drawer-menu-item {
		padding: .6rem;
	}
	.drawer-shop{
	font-size: 0.8rem;
	padding: .6rem;
	}
	_:-ms-lang(x), .drawer-menu-v {
		margin-left: 3%;
	}	
}
@media (max-width:460px) {
	.drawer-nav {
		width: 16.25rem;
	}
	.drawer--left.drawer-open .drawer-hamburger {
		left: 16.25rem;
	}
	.drawer-menu-item {
		font-size: .8rem;
		padding: .5rem;
	}
	.drawer-shop{
		font-size: 0.8rem;
		padding: .5rem;
	}
}
@media (max-width:360px) {
	.drawer-nav {
		width: 14.25rem;
	}
	.drawer--left .drawer-nav {
		left: -14.25rem;
	}
	.drawer--left.drawer-open .drawer-hamburger {
		left: 13.25rem;
	}
	.drawer-menu-item {
		font-size: .7rem;
		padding: .5rem;
	}
	.drawer-shop{
		font-size: 0.7rem;
		padding: .5rem;
	}
}