@charset "UTF-8";

/* overlay */
body.fixed{
  width: 100%;
  height: 100%;
  position: fixed;
}

#overlay {
  background: rgba(119,153,131,0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100000;
  top: 0;
  display: none;
}

.overlay_wrap {
  position: relative;
  height: 100vh;
}

#overlay_close {
  position: absolute;
  right: 0%;
  top: 0%;
  width: 6%;
  margin: -3% -3% 0 0;
  z-index: 101;
}

.overlay_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.overlay_inner .img {
  width: 100%;
}

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

.overlay_inner a img {
  width: 160% !important;
  max-width: 160% !important;
}

.overlay_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-80%, -50%);
}

#overlay_close {
  position: absolute;
  right: -60%;
  top: 0%;
  width: 10%;
  margin: -5% -5% 0 0;
  z-index: 101;
}

}