@charset "utf-8";



.mfp-detail {
  position: relative;
  width: 98%;
  margin: 0 auto;
}


/*.mfp-content { position: relative;}
.mfp-img { display: block; width: 90%; margin: 0 auto;}
button.mpf-close { display: block; border: 1px solid #000;}
.mfp-close { width: 80px; height: 80px; font-size: 45px; border: 1px solid #000;}
.mfp-close-btn-in .mfp-close { top: -50px; text-align: center;}

.mfp-detail { width: 95%; max-width: 810px; margin: 0 auto; padding: 20px 0 30px; background: #fff;}
.mfp-detail .movie { width: 100%; max-width: 550px; height: 350px; margin: 0 auto 1.5em;}
.mfp-detail .movie iframe { display: block; width: 100%; height: 100%; margin: 0 auto;}
.mfp-detail .popup-close { clear: both; display: block; width: 50%; max-width: 250px; height: 40px; margin: 2em auto; text-align: center; line-height: 40px; color: #000;  cursor: pointer; border: 1px solid #000;}

.mfp-detail .mfp-box { overflow: hidden; width: 90%; margin: 0 auto 20px;}
.mfp-detail .mfp-box > img { display: block; float: left; width: 36%; margin-right: 1%;}
.mfp-detail .mfp-box > p { float: left; width: 62%; padding-top: 40px; color: #000;}
.mfp-detail .mfp-box > p span { display: block; font-size: 15px; font-weight: bold; color: #f00;}
.mfp-detail .mfp-box > p b { display: block;}
.mfp-detail .mfp-box > p .mfp-head { margin-bottom: 10px; font-size: 24px;}

@media screen and (max-width: 768px) {
.mfp-detail .movie { height: 150px;}
.mfp-detail .mfp-box > img { display: block; float: none; min-width: 100px; margin: 0 auto 5px;}
.mfp-detail .mfp-box > p { float: none; width: 90%; margin: 0 auto 20px; padding-top: 0;}
.mfp-detail .mfp-box > p span { font-size: 13px; text-align: center;}
.mfp-detail .mfp-box > p b { font-size: 16px; text-align: center;}
}*/

.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
	background-color: rgba(3,16,41,1);
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.7;

}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content {
  opacity: 0;
	padding: 113px 0;
  -webkit-transition: all 0.s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


button.mpf-close { display: block;}
.mfp-close { position: absolute; top: -2em; right: 2em; width: 80px; height: 80px; font-size: 45px; color: #fff;}
.mfp-close-btn-in .mfp-close { color: #fff;}