@charset "utf-8";

/* ==========================================
*
*  BASE
*
========================================== */

#wrapper {
  min-width:1200px;
}

/* ==========================================
*
*  mfp
*
========================================== */

.mfp-bg {
  background: rgba(0, 0, 0, .8) !important;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: .5s;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: .5s;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



/* ==========================================
*
*  Media Query
*
========================================== */

@media screen and (max-width:767px) {
  section,section .inner{
    width:100% !important;
    min-width: initial !important;
    max-width: initial !important;
    padding: 5vw 0 0 0 !important;
    overflow: hidden;
  }

  #wrapper,#section_top{
    width:100% !important;
    min-width: initial !important;
    max-width: initial !important;
    padding: 0vw 0 0 0 !important;
    overflow: hidden;
  }
  .section#section_bonus{
    margin: 0vw 0 0vw 0;
  }
  .section#section_bonus .inner{
    padding: 3vw 0em 0vw !important;
  }
  .section#section_spec {
    padding: 10vw 1em 0 !important;
  }
  
}