.nenga2018 {
  display: none;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(182, 161, 82, 0.98);
}

.nenga2018-ill {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-51%, -45%, 0);
  transform: translate3d(-51%, -45%, 0);
  width: 1119px;
  height: 606px;
}

@media screen and (max-width: 980px) {
  .nenga2018-ill {
    -webkit-transform: translate3d(-51%, -50%, 0);
    transform: translate3d(-51%, -50%, 0);
    width: 896px;
    height: 794px;
  }
}

@media screen and (max-width: 667px) {
  .nenga2018-ill {
    -webkit-transform: translate3d(-54%, -47%, 0);
    transform: translate3d(-54%, -47%, 0);
    width: 530px;
    height: 509px;
  }
}

.nenga2018-ill-pc {
  display: none;
}

@media screen and (min-width: 981px) {
  .nenga2018-ill-pc {
    display: block;
  }
}

.nenga2018-ill-iPad {
  display: none;
}

@media screen and (min-width: 668px) and (max-width: 980px) {
  .nenga2018-ill-iPad {
    display: block;
  }
}

.nenga2018-ill-sp {
  display: none;
}

@media screen and (max-width: 667px) {
  .nenga2018-ill-sp {
    display: block;
  }
}

.nenga2018-link {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-46%, 0, 0);
  transform: translate3d(-46%, 0, 0);
  bottom: 119px;
}

@media screen and (max-width: 980px) {
  .nenga2018-link {
    -webkit-transform: translate3d(-46%, 0, 0);
    transform: translate3d(-46%, 0, 0);
    bottom: 305px;
  }
}

@media screen and (max-width: 667px) {
  .nenga2018-link {
    -webkit-transform: translate3d(-41%, 0, 0);
    transform: translate3d(-41%, 0, 0);
    width: 225px;
    bottom: 168px;
  }
}

.nenga2018-close {
  position: absolute;
  top: 60px;
  right: 60px;
  font-size: 0;
}

@media screen and (max-width: 667px) {
  .nenga2018-close {
    top: 25px;
    right: 25px;
  }
}

.nenga2018-close-txt, .nenga2018-close-btn {
  display: inline-block;
  vertical-align: middle;
}

.nenga2018-close-btn {
  position: relative;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 667px) {
  .nenga2018-close-btn {
    width: 24px;
    height: 24px;
  }
}

.nenga2018-close-btn::before, .nenga2018-close-btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 2px;
  background: #000;
}

@media screen and (max-width: 667px) {
  .nenga2018-close-btn::before, .nenga2018-close-btn::after {
    width: 24px;
    height: 1px;
  }
}

.nenga2018-close-btn::before {
  -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.nenga2018-close-btn::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
  transform: translate3d(0, -50%, 0) rotate(-45deg);
}

.nenga2018-close-txt {
  margin-left: 17px;
}

@media screen and (max-width: 667px) {
  .nenga2018-close-txt {
    display: none;
  }
}