@charset "utf-8";

/* pure-drawerカスタマイズ
-------------------------------------------------- */
.pure-toggle:focus ~ .pure-toggle-label {
	border-color: #00906D;
	color: #f8f8f8;
}

.pure-toggle-label {
	background-color: #00906D;
	color: /*#808080*/#f8f8f8;
	border: 2px solid #00906D;
	border-radius: 0;
	top: 8px;
	width: 48px;
	height: 48px;
}

.pure-toggle-label:hover {
	/*border-color: #00906D;
	background-color: #00906D;*/
	border: 2px solid #00906D;
}

.pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {
	background-color: #fff;
}

.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
	width: 24px;
	background: /*#808080*/#f8f8f8;
}

.pure-toggle-label .pure-toggle-icon {
    transform: translate3d(-50%, -2px, 0px);
}

.pure-toggle-label .pure-toggle-icon::before {
    transform: translate3d(-50%, -10px, 0px);
}

.pure-toggle-label .pure-toggle-icon::after {
    transform: translate3d(-50%, 6px, 0px);
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
	border-color: #e6002d;
	background-color: #e6002d;
	color: #f8f8f8;
}

.pure-drawer {
	background-color: #f8f8f8;
}


nav.pure-drawer {
	padding-top: 16px;
	padding-left: 1em;
	padding-right: 1em;
	color: #1a1700;
	overflow: scroll;
}