@charset "shift_jis";
/*******************************************/
/*　　　　　ドロワーメニュー用CSS　　　　　*/
/*******************************************/
.drawer-nav {
	overflow: hidden;
	width: 75%;
	height: auto;
	color: #333;
	background-color: #FFF;
	text-align: left;
	position: fixed;
	top: 0;
	z-index: 999;
}
.drawer-menu a {
	padding: 1.2rem 1.5rem 1.2rem 1.2rem;
	display: block;
	font-size: 1.2rem;
	color: #646464;
	background-image: url(top_img/arrow3.png);
	background-position: right 0.8rem center;
	background-repeat: no-repeat;
}
.drawer-menu a span {
	display: block;
	font-size: 0.8rem;
	color: #969696;
}
.drawer-menu li + li {
	border-top: solid 0.1rem #969696;
}
.drawer-overlay {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.drawer-open .drawer-overlay {
	display: block;
}
.drawer--right .drawer-nav {
	right: -75%;
	-webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
}
.drawer-hamburger {
    position: relative;
}
.drawer-open .drawer-hamburger {
	width: 11.5%;
	position: absolute;
	top: 0.5rem;
	right: 75%;
	z-index: 998;
	-webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}