.lock {
overflow:hidden;
}

.modal-content {
position:relative;
display:none;
width:50%;
border:1px solid #061a63;
background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-left:0;
margin-right:0;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:2;
display:none;
position:fixed;
top:0;
left:0;
width:90%;
height:100%;
overflow:auto;
}


.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-align: right;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}

p.close_top{
text-align: right;
margin: 10px 3px 20px;
}

p.close_top .modal-close{
height:30px;
border:1px solid #a5a4a4;
color: #A5A4A4;
font-size: 1.2em;
margin-right: 10px;
padding:5px 5px;
border-radius: 10px;
background-color: #ffffff;
}

.modal-content > ul{
overflow: hidden;
margin:0;
padding:0;
}

.modal-content > ul li.lavel{
background-color: #3a2e30;
font-size: 1.6em;
padding:20px 30px;
font-weight: bold;
}


.modal-content > ul li.lavel a{
color: #fff;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:15px 0 0;
overflow: hidden;
}

ul.nav_box li{
font-size: 1.2em;
width: 90%;
float: left;
margin:0 0 20px 3%;
list-style:none;
}

ul.nav_box li a{
color: #505050;
display: block;
}


p.close_bottom{;
background-color: #e8e6c2
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.3em;
}