/*VIEW*************************************************************************/
.m-off{display: table-cell;}
.m-off-tr{display:table-row;}
.m-off-flex{display: flex;}
.m-on{display: none;}
.m-on-tr{display: none;}
.m-on-table{display: none;}

.modalHtmlY
{
	overflow-y:hidden !important;
	position:relative !important;
	height: 100% !important;
}
.modalHtmlX
{
	overflow-x:hidden !important;
}
.modalBodyY
{
	overflow-y:hidden !important;
	position:relative !important;
	height: 100% !important;
}
.modalBodyX
{
	overflow-x:hidden !important;
}


/*DESIGN LAYOUT ELEMENTS*******************************************************/
iframe{border: none;}
.bg_black{background-color: rgba(0,0,0,0.75); background-image: none;}
.bg_black_no{background-color: rgba(0,0,0,0); background-image: none;}
.bgClose
{
	position: fixed;
	display: block;
	width: 100%;
	height: 1000vh;
	/* background-color: hsla(0,0%,0%,0.30); */
}

/*COMMON**********************************************************************/
#mdOverlay {top: 0; left: 0; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 50; display: none;}
#mdWindow-common
{
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	position: fixed;
	z-index: 5100000;
	display: none;
}
#mdWindow-common ul
{
	position: relative;
	margin: 0;
	padding: 0;
}

#contWrap-common {width:100%; height: 100%;}
#mdContents
{
	position:fixed;
	z-index:1;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:transparent;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	opacity: 0;
	border-radius: 4px;
	overscroll-behavior-y: contain;
}

/*OTHER ELEMENTS**************************************************************/

/*DESIGN/LAYOUT ELEMENTS*/
iframe{border: none;}
.bg_black{/* background-color: hsla(0,0%,0%,0.5); */ background-image: none;}
.bgClose-style{position: fixed; display: block; width: 100vw; height: 1000vh; background-color: hsla(0,0%,0%,0.00);}
.modal-2btn{width:100%;	background-color: #fff; position: absolute;	bottom: 0px; left:0px; padding: 10px 0;	display: flex; justify-content: center; border-top: 1px solid #999;}
.modal-2btn li{ margin: 0 2px;
	display: inline-block; padding:0 10px; border-radius: 3px; font-size: 1.2rem; margin:0 2px; border: solid 1px #aaa; height:24px; line-height:24px;
	background-image: -webkit-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
}


/*window-size*/
.mdPage-double{/*width: 960px;*/ height: 98vh !important; min-height: 98vh !important; background-color:#fff; position: fixed; z-index: 1; top:1vh; left:50%; transform: translate(-50%,0); }
.modal-wrap-in{/*width: 960px;*/ margin: 0 auto; height: 100%; }
.modal-cont-in{/*width: 960px;*/ padding: 0; background-color: transparent; height: 100%; }

/*----scroll-------------------*/
.betsu_scroll{ width: 100%; max-height:calc(100vh - 56px); min-height:calc(100vh - 56px); margin: 0 auto; overflow-y:scroll; }
body.scroll_hidden {overflow:hidden;}
/*--view---------------------------------------*/
.m-off{display: table-cell;}
.m-off-tr{display:table-row;}
.m-off-flex{display: flex;}

.m-on{display: none;}
.m-on-tr{display: none;}
.m-on-table{display: none;}

/*  CHAPTER ELEMENTS */
#mdOverlay-double {top: 0; left: 0; width: 100%; position: fixed; z-index: 50; display: none; background-color:rgba(0,0,0,0.5);}
/*
#mdClose {cursor: pointer; position: absolute; right:0; top:-50px; width:40px ;height:40px; line-height:40px; text-align: center; background-color:#f00; color:#fff;}
*/
#mdClose {cursor: pointer; position: absolute; right:0px; top:0px; width:40px ;height:40px; line-height:40px; text-align: center; background-color:#f00; color:#fff;}
#modalInclude-double {display: none;}
#contWrap-double { width: 100%; height: 100%; box-sizing: border-box;}

#mdContents-Close{display: block; width: 100%; height: 50px; background-color: transparent;}
#mdContents-View{width: 100%; height: 100%; background-color: transparent;}

/*iPadで背景をスクロールさせないための対応************************************/
.modalHtml {overflow-y:hidden; position:fixed; width: 100%;}