.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:50%;
    margin: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-open {

}

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

.close-btn{
	position:absolute;
	top:8px;
	right:10px;
	display:inline-block;
}
.modal-close {
    color:#fff;
    /*text-decoration:underline;*/
}

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

.modal-content .box-header{
	background:#3C8DBC;
	color:#fff;
	position:relative;
	border-radius:3px 3px 0 0;
}
.modal-content p.ttl{
	font-size:18px;
	font-weight:bold;
	margin-bottom:0 !important;
	font-family:Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.modal-content .box-body{
	background:#fff;
	padding:15px 15px 10px;
    max-height:600px;
    overflow:auto;
}
.modal-content .box-body p{
	margin-bottom:10px;
}