@charset "UTF-8";
/*drawerMenu.css */

.drawr {
 display: none;
 background-color:#fff;
 position:  fixed;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 top: 35px;
 left:0;
 width:90%;
 height:100%;
 padding:25px 15px 100px;
 z-index: 650;
 overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
}
/* Toggle(Button) */
div.btn{
 z-index:1500;

}
.btn {
 display: none;
 position:  fixed;
 left:8px;
 top:4px;
 padding:0;
 background:#fff;
 width:25px;
 height:25px;
 cursor:pointer
}
.btn div {position:relative;}
.btn span {
 display:block;
 position:absolute;/*to div*/
 width:100%;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border-bottom:solid 2px #000;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out}
.btn span:nth-child(1) {top:5px}
.btn span:nth-child(2) {top:12px}
.btn span:nth-child(3) {top:19px}
.menutxt{display:none;}

/* Toggle(Button) */
.btn {
 display: block;
}
/* Click Toggle(Button) */
.peke span:nth-child(1) {
 top: 12px;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 transform:rotate(-45deg)}
.peke span:nth-child(2),
.peke span:nth-child(3) {
 top: 12px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 transform:rotate(45deg)}
/*header menu*/



address.drawrAdd a{
width:100% !important;
padding:15px;
margin:0 0 20px !important;
}

.drawrsTit{
display:block;
text-align:center;
background:#333;
color:#fff;
padding:10px;
margin:0 0 15px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;

}

.drawrsMenu {
margin:0 0 20px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
}
.drawrsMenu li{
}
.drawrsMenu li a{
display:block;
padding:5px 0;
border-bottom:1px #ccc dotted;
}
.drawrsMenu li a::before{
content:"→ ";
}