.m_menu{
list-style:none;
display:flex;
margin:0;
padding:0;
}

nav{
width:680px;
position: relative;
text-align:right;
margin: 0 auto;
box-sizing:border-box;
}
.nvpd > ul{
display:inline-block;
width:auto;
padding:0;
margin:0;
position:relative;
}

.nvpd > ul > li{
display:inline-block;
width:auto;
padding:0;
margin:0 0 0 20px;
position:relative;
}

.nvpd > ul > li > ul{
list-style:none;
}

#sub1{
display:block;
position:absolute;
top:-500px;
left:0;
background:rgba(80,80,80,0.5);
padding:0;
}

#mn1:hover #sub1{
top:40px;
left:0;
}

.nvpd > ul > li > li{
display:block;
width:auto;
}

.nvpd > ul > li > span:hover{
width:auto;
height:40px;
line-height:35px;
box-shadow:inset 0 -2px 0 rgba(0,0,0,1);
}
.nvpd > ul > li > a:hover{
width:auto;
height:40px;
line-height:35px;
box-shadow:inset 0 -2px 0 rgba(0,0,0,1);
}

.nvpd > ul > li > a{
display:inline-block;
width:auto;
height:40px;
line-height:35px;
font-weight:none;
padding:0;
text-align:center;
text-decoration:none;
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:20px;
color:#000;
background:rgba(200,200,200,0);
position:relative;
letter-spacing:2px;
}
.nvpd > ul > li > span{
display:inline-block;
width:auto;
height:40px;
line-height:35px;
font-weight:none;
padding:0;
text-align:center;
text-decoration:none;
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:20px;
color:#000;
background:rgba(200,200,200,0);
position:relative;
letter-spacing:2px;
}

a.l_sub{
display:inline-block;
width:120px;
height:40px;
line-height:35px;
font-weight:none;
padding:10px 0 0 20px;
text-align:left;
text-decoration:none;
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:18px;
color:#000;
background:rgba(200,200,200,0.7);
position:relative;
letter-spacing:2px;
}
a.l_sub:hover{
background:rgba(100,100,100,1);
}

#nav_ckbx{display:none;}
#nop{display:none;}
#ncl{display:none;}
#mn0{display:none !important;}