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


#movie_top_white{
	width:100%;
	height:100%;
    position: fixed;
    left: 0;
    top: 0;
	background-color:#ffffff;
    z-index: 9970;
}
#movie_top_out2{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 101;
	display: flex;
    align-items: center;
    justify-content: center;
}

#movie_top_out2b{
	width: 100%;
    position: relative;
    max-width: 1000px;
    height: 0;
    padding-bottom: 46%;
    margin: 0 auto;
}

#movie_top_out{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
#movie_top_outb{
	width:100%;
	height:100%;
	display:table;
}
#movie_top{
	width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 37%;
    max-width: 1000px;
}
#movie_topb{
	width:100%;
	height:100%;
	display: table-cell;
	vertical-align: middle;
}

#movie_top video{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#movie_topb video{
	width:100%;
	height:auto;
}
#movie_top_skip{
	color:#ffffff;
	position:absolute;
	left:10px;
	top:10px;
	cursor:pointer;
	z-index:999;
	font-size:14px;
}
#movie_top_skipb{
	color:#ffffff;
	position:absolute;
	left:10px;
	top:10px;
	cursor:pointer;
	z-index:999;
	font-size:14px;
}

#footer_out.foot_fix{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background-color:#ffffff;
	z-index:9999;
}

.botanmovie:hover{
	cursor:pointer;	
}

.close_btn {
    width: 42px;
    height: 42px;
    background: url(../images/work/close_btn.png) no-repeat top left/100% auto;
    position: absolute;
    right: -20px;
    top: -52px;
    cursor: pointer;
    z-index: 10;
    
}

#main_video{
    line-height: 1;
    margin: 0 auto;
    padding: 0;
    display: block;
    margin-top: 165px;
    position: relative;
    z-index: 1;
}


@media (max-width: 767px){
#movie_top {
    width: 90%;
    padding-bottom: 51%;
}

.close_btn {
    width: 32px;
    height: 32px;
    right: 0;
    top: -42px;
}

#main_video{
    width: 86%;
    margin: 10% auto 0;
}

}