#layer {
  background-color: rgba(255, 255, 255, 0.85);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999999999999999; }
  #layer .layer {
    background-color: #fefefe;
    border: 1px solid #6785be;
    width: 500px;
    height: 500px;
    box-shadow: 0px 0px 6px #ccc;
    text-align: center;
    margin-top: 100px;
    border-radius: 3px;
    position: relative; }
    #layer .layer img {
      max-width: 80%; }
    #layer .layer .icon-cancel-circle {
      position: absolute;
      right: 10px;
      top: 10px; }
    #layer .layer h2 {
      font-size: 24px;
      color: #6785be; }
    #layer .layer button {
      border-radius: 3px;
      font-size: 24px;
      background-color: #6785be;
      color: #fefefe; }

.xmas_cal {
    position: absolute;
    right: -5px;
    top: 40px;
    background-color: transparent;
    width: 100px;
    height: 74px;
    background-image: url('/advent2017_inc/pics/aiko_yuki_xmas_02.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1001;
    -webkit-transition: all 333ms ease-in-out; /* Firefox */
    -moz-transition: all 333ms ease-in-out; /* WebKit */
    -o-transition: all 333ms ease-in-out; /* Opera */
    transition: all 333ms ease-in-out; /* Standard */
}

#ot-sdk-btn-floating {
 visibility:hidden;
}


.touch .xmas_cal {
    z-index: 1;
}


.xmas_cal:hover {
    transform: scale(1.2);
    z-index: 99999;
}

.xmas_cal a{
    width: 100%;
    display: block;
    height: 100%;
}

#animexx_logo_img.xmas {
    background-image: url(/advent2018_inc/pics/animexx-christmas2018.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 46px;
    bottom: 8px;
}

<<<<<<< HEAD
#animexx_logo_img.silvester {
    background-image: url(/pics/animexx-logo-silvester.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 57px;
    bottom: 8px;
}

=======
>>>>>>> f56cf8ef3a7bd545aba08e0c6b9d2af8322fac08
@media screen and (max-width: 768px){
    .xmas_cal {
        z-index: 9999;
        right: 50px;
        top: 43px;
        width: 100px;
        height: 70px;
    }
}

@media screen and (max-width: 600px){
    .xmas_cal {
        z-index: 9999;
        right: 50px;
        top: -1px;
    }

    .touch .xmas_cal {
        z-index: 1001;
    }

    #animexx_logo_img.xmas {
        bottom: 5px;
    }
}

/*# sourceMappingURL=style.css.map */