@charset "UTF-8";

.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:90%;
    background:#fff;
	color:#666;
	border-radius:2px;
	margin:10px 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:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    text-decoration:none;
}

.modal-open:hover {
    cursor:pointer;
}

.modal-close {
	display:block;
	width:50%;
	margin:0 auto 20px;
	padding:5px 0;
	background:#666;
    color:#fff;
	text-align:center;
}

.modal-close:hover{
	background:#999;
	text-decoration:none;
	cursor:pointer
}

.modal-box{
	padding:10px;
}

.modal-box h2{
	font-size:18px;
	line-height:180%;
	text-align:center;
}

.modal-box p.thum{
	margin-bottom:10px;
}

.modal-box p.thum img{
	width:100%;
	vertical-align:bottom;
}