@charset "utf-8";





#pro_wrap{}
#pro_wrap .list-drone{}
#pro_wrap .list-pic{}
#pro_wrap .list-vr{}

#pro_wrap ol{display:flex;  flex-wrap: wrap; width:calc(100% + 20px); margin-left:-20px; }
#pro_wrap ol li{width:calc(100% - 20px); margin-left:20px; margin-bottom:40px;}
#pro_wrap ol li + li{}
#pro_wrap ol li .imgArea{cursor:pointer;}
#pro_wrap ol li .imgArea,
#pro_wrap ol li .imgArea *{font-size:0; line-height:0;}
#pro_wrap ol li .imgArea img{max-width:100%; height:auto;}
#pro_wrap ol li .imgArea .vid-thumb{position:relative; width:100%; height:0; padding-bottom:56.25%;}
#pro_wrap ol li .imgArea iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
#pro_wrap ol li .txtArea{text-align:center;}
#pro_wrap ol li .txtArea strong{display:block; margin-top:10px;}

#pro_wrap .list-drone .vid-thumb{position:relative;}
#pro_wrap .list-drone .vid-thumb:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:11;}

#pro_wrap .empty_li{width:calc(100% - 20px); margin-left:20px;  text-align:center;}

@media all and (min-width:768px){

  #pro_wrap ol li{width:calc(100% / 4 - 20px); }
  #pro_wrap ol li + li{}

}


@media all and (max-width:950px){
  #main .mfp-container{height:auto; top:50%; transform:translateY(-50%);}
}



























































/*  */