@CHARSET "UTF-8";

@font-face {
	font-family: 'MyFont';
	src: url(../font/myfont_.ttf);
}

#popup {
  width: 260px;
  position: absolute;
  padding: 10px 10px;
  background-color: #fff;
  border: 5px double #ccc;
  display: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#lean_overlay{
    z-index:100;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.5);
}

.popup_window {
  width: 260px;
  position: absolute;
  padding: 6px 15px;
  background-color: #fff;
  border: 5px double #ccc;
  display: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#modal_overlay{
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
#modal_open { top: 0; left: 0; width: 90%; height: 340px; display: none; position: absolute; }
#modal_close { height: 30px; margin: 15px 20px 5px; text-align:right; }
.modal_window { left: 50%; margin-top: 50px; margin-left:-45%; width: 90%; text-align: right; display: block; background: #fff; position: fixed; z-index: 2; }
.modal_window a { font-size:18px; }
.modal_window .box { width: 100%; height: 340px; text-align: center; overflow: auto; -webkit-overflow-scrolling:touch; }
.modal_window .box iframe { width: 100%; height: 340px; }

iframe { border: none; height: 300px; }

@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}