/* ポップアップ */
.popup-area {
  display:none;
  width:80vw;
  background:#fff;
  padding:20px;
  position: fixed;
  z-index: 9999;   
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  border-radius:8px;
  box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}
@media screen and (min-width: 980px) {
      .popup-area {
      width:auto;
      max-width: 460px;
  }
}

/* 背景色 */
.cover-eml {
  background:rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;   
  top:0;
  right:0;
  bottom:0;
  left:0;
}