@charset "UTF-8";
/* CSS Document */

.modalLink{ cursor: pointer;}
.modalWindow { display:none; position:fixed; width:100%; height:100%; top:0; left: 0; background-color: hsla(0,0%,0%,0.20);}
.modalWindow.active { display:block; z-index:99999999; }
.modalWindow .content{ width: 96%; max-width: 1200px; margin: 0 auto; }
.modalWindow .content .imgBox{ width: 100%; text-align: center; margin: 0 auto 1em; }
.modalWindow .content .txtBox{ margin: 5vh 0 0 0; background-color:hsla(0,0%,100%,1.00); padding: 3em 3% 20px; color: #000; overflow:auto; max-height:85vh; box-sizing:border-box; font-size: 14px; line-height: 24px }
.modalWindow .content .txtBox .modal_title{ color: #949494; }
.modalWindow .content .txtBox .modal_title span{ color: #000;}

.modalWindow .content .txtBox .modal_profile { border: 1px #eee solid; padding: 1em;}
.modalWindow .content .txtBox .modal_profile span{ font-weight: bold; display: inline-block; margin-bottom: 5px;}
.modalWindow .btn_close{ background-color:  hsla(0,0%,0%,0.70); ; padding: 0.2em; margin: 20px auto; width: 6em; text-align: center; cursor:pointer; color: #fff;}
.modalWindow .btn_close:hover{background-color:  hsla(0,0%,0%,0.30);}
.modalWindow .content p { margin:0 0 20px 0; }

#modal03 .modal_title{ max-width: 934px; margin: 0 auto 20px auto;}
#modal06 .modal_title{ max-width: 900px; margin: 0 auto 20px auto;}
#modal09 .modal_title{ max-width: 903px; margin: 0 auto 20px auto;}
#modal11 .modal_title{ max-width: 720px; margin: 0 auto 20px auto;}

@media screen and (max-width:768px) {
	
.modalWindow .content{ width: 96%;}
.modalWindow .content p { margin:0 0 10px 0; padding:0 0 0 0; text-indent:0;}
.modalWindow .content .name,.modalWindow .content .name2{ display:table; margin: 0 0 5px 0;}
.modalWindow .content .txtBox p.title{ font-size: 140%;}	
	
}