@charset "UTF-8";

/*contents*/
.modal_bdy{
    position:fixed;
    z-index: 100000;
    display: none;
    width: auto;/*20171113 修正*/
    margin: 0;
    padding: 0 0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
}
.landscape .modal_bdy{/*20171113 修正*/
    max-width: 60%;
    min-width: 60%;
    width: 60%;
}
.portrait .modal_bdy{/*20171113 修正*/
    max-width:90%;
    min-width:90%;
    width: 90%;
}
.modal_inner{
    display: block;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 6%;

    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.modal_inner_syokai{
	display: block;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 6% 8%;

	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.modal_inner::-webkit-scrollbar{width:4px;}
.modal_inner::-webkit-scrollbar-track{background:#dddddd;}
.modal_inner::-webkit-scrollbar-thumb{background:#aaa;}

/*iframe*/
.modal_bdy.modal_iframe{
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 0;
}
.landscape .modal_bdy.modal_iframe, .portrait .modal_bdy.modal_iframe{/*20171115 修正*/
    max-width:90%;
    min-width:90%;
    width: 90%;
    height: 90%;
    max-height: 90%;
    top: 5%;
    left: 5%;
}
.iframe_wrap{
    display: inline-block;
    overflow: auto;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    width: 340px;
    height: 100%;
    max-height: 100%;

    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.iframe_wrap iframe{
    display:block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border:none;
}

/*close*/
.modal_bdy .close{
    position: absolute;
    z-index: 10;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
}

/*0912 修正対応　GEO　*/
#modal_bg {
    position:fixed;
    z-index: 10002;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display:none;
    background-color: rgba(0,0,0,0.5);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*scroll対策*/
.html_scroll{-ms-overflow-y: scroll;overflow-y: scroll;} /*20171113 修正*/
.modern_scroll{-ms-overflow-y: hidden;overflow-y: hidden;}/*20171113 修正*/
.modern_scroll #wrap {position: fixed;z-index: 1;}

.legacy_scroll{overflow-y: visible;}
.legacy_scroll body {overflow-y: visible;}
.legacy_scroll #wrap {pointer-events: none;}