/*   DESIGN/LAYOUT ELEMENTS*/
iframe{border: none;}
.bg_black{background-color: hsla(0,0%,0%,0.5); position: fixed;}
.bgClose-style{position: fixed; display: block; width: 100vw; height: 1000vh; background-color: hsla(0,0%,0%,0.00); z-index: 60;}


/*window-size*/
body.md-body .wrap{width: 92vw; max-width: 960px; background-color:#fff;}

.mdPage{width: 100%; background-color:#fff; position: fixed; z-index: 61; top:50%; left:50%; transform: translate(-50%, -50%); max-height: calc(100vh - 90px); overflow-y: auto;}
.modal-wrap-in{ width: 100%; margin: 0 auto; }
.modal-cont-in{ width: 100%; padding:15px 25px; background-color: #fff; position: relative;}
/*window-size paper*/
/*body.md-body .wrap.mdPage-paper{width: 90%; max-width: 960px; height: calc(100vh - 240px);}
.mdPage.mdPage-paper{width: 90%; top:50%; transform: translate(-50%, -50%);}	
.mdPage-paper .modal-wrap-in{width:100%; margin: 0 auto; }
.mdPage-paper .modal-cont-in{width:100%;}*/	

/*----scroll-------------------*/
body.scroll_hidden {overflow:hidden;}





/*--view---------------------------------------*/


/*  CHAPTER ELEMENTS */
#mdOverlay {top: 0; left: 0; width: 100%; position: fixed; z-index: 60; display: none;}
#mdWindow{top:0; left: 0; width:100%; height: 100%; position: fixed; z-index: 61; display: none;}
.mdClose {cursor: pointer;}
.mdClose:hover{opacity: 0.7;}
#modalInclude {display: none;}
#contWrap { width: 100%; height: 100%; box-sizing: border-box;}

/*=================================================
sp
=====================================================*/
@media screen and (max-width: 640px) {

}