/*動画表示のモーダルの余白を変更したい場合*/
.modaal-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	opacity:0
}

.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

.modaal-video-wrap {
	margin:auto;
}
.modaal-video-container {
	/*max-width: 100vw;
    max-height: 56.25vw; */
    width:95vw;
    height: calc(95vw * 0.5625)!important;
    padding-bottom: 0!important;
}

@media screen and (min-width: 1400px) {

	.modaal-video-wrap {
		margin: auto;
	}

    .modaal-video-container {
        width:80vw;
        padding-bottom: 0!important;
    }

}

@media screen and (min-width: 1140px) {

	.modaal-video-wrap {
		margin: auto;
	}

    .modaal-video-container {
        width:80vw;
        padding-bottom: 0!important;
    }

}


@media screen and (max-width: 640px) {

	.modaal-video-wrap {
		margin: auto 0px;
		position: relative;
	}

    .modaal-video-container {
        max-width: 100vw;
        max-height: 56.25vw;
        width:auto;
        padding-bottom: 56.25%!important;
    }

}