@charset "utf-8";
/* ------------------------------------------------------------ common */
p.modal_search { position: relative; }
p.modal_search a { position: absolute; left: 0; display: block; }

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:999;
}
.modal__bg{
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	left: 50%;
	padding: 2.5%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
}
.modal__content .modal-close {
position: absolute;
    top: 15px;
    right: 15px;
}
.modal__content > div {
	display: none;
}
.modal_member div{
	cursor: pointer;
	will-change: transform;
}
.modal_member img{
	background-color: #fff;
}
.modal_member > div:hover{
	background-color: #d2d2d2!important;
	color: var(--blue);
	border-radius: 0!important;
}
.modal_member > div:hover p{
	color: var(--blue)!important;
}
.modal_member > div:hover > div{
	color: var(--blue)!important;
}
.modal_member div.modal_member_zoom {
	-webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
}
.modal_member > div:hover img{
	opacity: 0.5;
}
.modal_member > div:hover div.modal_member_zoom {
	-webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
@media (max-width: 575px) {
	.modal__content{
		width: 90%;
	}
}