.overlay {
  cursor: pointer;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  /*
    rgba ・・・ Red Green Blue Alpha
    CSS3で追加された色の設定方法（IE9 〜 ）
    RGBを10進数で指定し、最後に透明度を 0 〜 1 の範囲で指定する（半角カンマ区切り）
  */
}

.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
}

.is-active {
  overflow: hidden;
}