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

/*モーダルウィンドウ*/
.modalWindow { display:none; position:fixed; width:100%; height:100%; top:0; left: 0; /*background:hsla(60,100%,50%,0.95); */font-size: 14px; line-height: 28px; text-align: left; z-index: 5; overflow-y: scroll; }
.modalWindow.active { display:block; z-index:99999999;}
.modalWindow .content_modal{ width: 90%; max-width: 1060px; margin: 0 auto; position: relative; height: 100%; overflow: hidden;}
.modalWindow .content_modal .inner{ margin: 5vh 0 0 0; padding:0 20px; overflow:auto; height:90vh; box-sizing:border-box; position: relative; max-height: 90vh; display: flex; justify-content: flex-start; align-items: center; align-content: flex-start;}

/*.modalWindow .content_modal.img_multi{ display: flex; justify-content: flex-start; align-items: center;}
.modalWindow .content_modal.img_multi .inner{ width: 48%; flex-direction: column; justify-content: center;}
.modalWindow .content_modal.img_multi .inner:nth-child(2){ margin: 5vh 0 0 auto;}*/
.modalWindow .content_modal .inner.img_multi{ flex-wrap: wrap; align-content: flex-start;}
.modalWindow .content_modal .inner.img_multi .imgBox{ width: 48%; flex-direction: column; justify-content: center;}
.modalWindow .content_modal .inner.img_multi .imgBox:nth-child(2){ margin: 0 0 0 auto;}
.modalWindow .content_modal .inner.img_multi .txtBox{ width: 100%; margin: 40px 0 0 0;}

.modalWindow .btn_close{ position: fixed; right:20px; top: 20px; z-index:999999999; line-height: 0; cursor: pointer; width: 40px; height: 40px;}
html.noScroll{ overflow: hidden;}
@media screen and (max-width:768px) {
.modalWindow .content_modal{ width:100%;padding: 0 10px; box-sizing: border-box;}
/*20201113追加*/.modalWindow .content_modal .inner{ margin: /*10vh*/0 0 0 0; overflow:auto; height:100vh; box-sizing:border-box; position: relative; max-height: 100vh; display: flex; justify-content: flex-start; align-content: flex-start;}
/*.modalWindow .content_modal.img_multi{ flex-direction: column; overflow-y: scroll;}
.modalWindow .content_modal.img_multi .inner{ width: 100%; flex-direction: column; justify-content: center; height: auto; max-height: auto;}
.modalWindow .content_modal.img_multi .inner:nth-child(2){ margin: 10vh auto 0;}*/

.modalWindow .btn_close{ width:4vh; height:4vh; right:2vh; top:2vh;}
}
@media screen and (max-width:640px) {
.modalWindow .content_modal .inner.img_multi{align-content: flex-start;}
.modalWindow .content_modal .inner.img_multi .imgBox{ width: 82%; margin: 10vh auto 30px;}
.modalWindow .content_modal .inner.img_multi .imgBox:nth-child(2){ margin: 0 auto 30px;}
.modalWindow .content_modal .inner.img_multi .txtBox{ margin: 0 0 10vh 0;}

}