@charset "utf-8";
/* CSS Document */

img{
  width: 100%;
  height: auto;
}

#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, .65);
}
#modal {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
	width: 75vw;
	height: auto;
    max-width: 62vw;
    max-height: auto;
    box-sizing: border-box;
    padding: 32px;
    background-color: #fff;
	text-align: center;
}
.active {
    display: block !important;
}



	

.c5-modal_img{
  width: auto;
  height: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
.c5-modal_img{
  width: 100%;
  height: auto;
}
}

.c5-button img:hover {
	opacity: 0.7 ;
}