@charset "UTF-8";



.drawer-hamburger-icon,

.drawer-hamburger-icon:after,

.drawer-hamburger-icon:before {

	height: 3px;

}



.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {

	background-color:#fff;

}





.drawer-hamburger {

	padding:5px 10px 15px 10px;

	margin: 20px;

width: 2.5em;

  height: 2.5em;

line-height: 2.5em;

  background-color: black;

  border-radius: 50%;

  color: #fff;

  text-align: center;

position: absolute;

   top:0em;

    right:0em;

}







.drawer-hamburger,

.drawer-nav {

	background:black;

}





a.drawer-menu-item:link ,

a.drawer-menu-item:visited,

a.drawer-menu-item:active {

	color: #222;

	background: #f9f1e9;

	border-bottom: 1px solid #e0d8d1;

}



a.drawer-menu-item:hover {

	opacity: .7;

}





span.drawer-hamburger-icon p {

	color: #fff;

	letter-spacing: -2px;

	font-size: 10px;

	padding-top: 15px;

}



/*

span.drawer-hamburger-icon p {

	padding-top: 15px;

	color: #222222;

	font-weight: normal;

}

*/

.drawer-open span.drawer-hamburger-icon p.menu_tx,

.drawer--right span.drawer-hamburger-icon p.close_tx {

	display:none;

}



.drawer-right span.drawer-hamburger-icon p.menu_tx,

.drawer-open span.drawer-hamburger-icon p.close_tx {

	display: block;

}







@media all and (max-width: 480px) { 



    .drawer-hamburger-icon,

.drawer-hamburger-icon:after,

.drawer-hamburger-icon:before {

	height: 3px;/*変更点 太さ*/

}



.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {

	background-color:#fff;

}



    

    

    .drawer-hamburger {

	padding:5px 10px 15px 10px;

	margin: 10px;

width: 1.5em;/*変更点*/

  height: 1.5em;/*変更点*/

line-height: 1.5em;/*変更点*/

  background-color: black;

  border-radius: 50%;

  color: #fff;

  text-align: center;

position: absolute;

   top:0em;

    right:0em;

}

    

    

    



.drawer-hamburger,

.drawer-nav {

	background:black;

}





a.drawer-menu-item:link ,

a.drawer-menu-item:visited,

a.drawer-menu-item:active {

	color: #222;

	background: #f9f1e9;

	border-bottom: 1px solid #e0d8d1;

}



a.drawer-menu-item:hover {

	opacity: .7;

}





span.drawer-hamburger-icon p {

	color: #fff;

	letter-spacing: -2px;

	font-size: 10px;

	padding-top: 15px;

}



/*

span.drawer-hamburger-icon p {

	padding-top: 15px;

	color: #222222;

	font-weight: normal;

}

*/

.drawer-open span.drawer-hamburger-icon p.menu_tx,

.drawer--right span.drawer-hamburger-icon p.close_tx {

	display:none;

}



.drawer-right span.drawer-hamburger-icon p.menu_tx,

.drawer-open span.drawer-hamburger-icon p.close_tx {

    display: block;}

    

    

    

}