@media screen and (min-width : 640px){


#menuAll{
background-color: #fff;
width: 60px; height: 60px;
position: fixed;
top: 0; right: 0;
z-index: 30;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}

#menuBtn{
background: url("../images/nav/btn_menu01.png") no-repeat;
background-size:100% 100%;
width: 60px; height: 60px;
cursor: pointer;
position: fixed;
top: 0; right: 0;
z-index: 50;
}

#menuBtn2{
background: url("../images/nav/btn_menu02.png") no-repeat;
background-size:100% 100%;
width: 60px; height: 60px;
cursor: pointer;
position: fixed;
top: 0; right: 0;
z-index: 55;
display: none;
}

#menu{
background: #fff url("../images/nav/bg.png") no-repeat bottom;
background-size: 100% auto;
width: 375px; height: 100vh;
min-height: 640px;
overflow: hidden;
position: fixed;
top: 0; right: 0;
z-index: 25;
display: none;
overflow-y: auto;
padding: 0 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}

#menu ul {
list-style: none outside none;
margin: 60px 0 0 0;
padding: 0;
position: relative;
border-top: 1px dotted #923b00;
}

#menu ul li {
font-family: "field-gothic", sans-serif;
font-weight: 900;
font-style: normal;
background-color: #fff;
width: 100%;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0;
border-bottom: 1px dotted #923b00;
}

#menu ul li a{
width: 100%; height: 100%;
display: block;
transition: all 0.3s ease;
font-weight: 700;
font-size: 24px;
color: #923b00;
text-align: center;
text-decoration: none;
}


}

@media screen and (max-width : 640px){


#menuAll{
background-color: #fff;
width: 100%; height: 50px;
position: fixed;
top: 0; left: 0;
z-index: 30;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

#menuBtn{
background: url("../images/nav/btn_menu01.png") no-repeat;
background-size:100% 100%;
width: 50px; height: 50px;
cursor: pointer;
position: fixed;
top: 0; right: 0;
z-index: 50;
}

#menuBtn2{
background: url("../images/nav/btn_menu02.png") no-repeat;
background-size:100% 100%;
width: 50px; height: 50px;
cursor: pointer;
position: fixed;
top: 0; right: 0;
z-index: 55;
display: none;
}

#menu{
background: #fff;
width: 100%;
overflow: hidden;
position: fixed;
top: 50px; left: 0;
z-index: 25;
display: none;
overflow-y: auto;
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
}

#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}

#menu ul li {
font-family: "field-gothic", sans-serif;
font-weight: 900;
font-style: normal;
background-color: #fff;
width: 100%;
height: 55px;
line-height: 55px;
margin: 0;
padding: 0;
border-top: 1px dotted #923b00;
}

#menu ul li a{
width: 100%; height: 100%;
display: block;
transition: all 0.3s ease;
font-weight: 700;
font-size: 6.5vw;
color: #923b00;
text-align: center;
text-decoration: none;
}



}