@charset "UTF-8";

/*DESKTOP
======================*/

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

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

@media screen and (min-width: 990px) and (max-width: 1169px) {}

@media screen and (min-width: 768px) and (max-width: 1169px) {
    .fancybox-inner {
        height: 100vh !important;
    }
    .fancybox-lock .fancybox-overlay {
        overflow: auto;
        overflow-y: hidden;
    }
    .fancybox-content {
        display: none;
        text-align: center;
        width: 100%;
        overflow-x: hidden!important;
        border: 1px solid #3cbe97;
    }
}


/*TABLET
======================*/

@media screen and (max-width:1279px) and (orientation:landscape) {}

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

@media screen and (min-width: 600px) and (max-width: 767px) {
    .fancybox-inner {
        height: 100vh !important;
    }
}


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    .fancybox-close {
        top: 16px;
        right: 16px;
    }
    .fancybox-wrap {
/*         top: 15px!important; */
    }
    .fancybox-inner {
        height: 100vh !important;
    }
}

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


/* ONLY
======================*/

@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 768px) and (max-width: 989px) {}

@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width: 767px) {}


/* Firefox All */

@-moz-document url-prefix() {
    .xxxx {}
}


/* Safari 5~6 ONLY */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .xxxx {}
}


/* Safari 6以上 ONLY */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        _:-webkit-full-screen,
        .xxxx {}
    }
}


/**/