#open-popup {
  display: block;
  margin: 0 auto;
  border: 0;
  color: #fff;
  text-shadow: 1px 1px black;
  width: 100%;
  background: linear-gradient(to right,#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 0 / 200%;
  animation: 5s open-popup linear infinite;
}
@keyframes open-popup{
   100% { background-position: 200%; }
}


.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* 半透明のオーバーレイ */
  display: none; /* 初期状態では非表示 */
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background-image: url(./images/inkjet30.jpg);
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  width: 80%;
  animation: popup-content 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes popup-content{
  0% {
   transform: scale(0.8);
   opacity: 0;
 }
 100% {
   opacity: 1;
   transform: scale(1);
 }
}
.popup-content h2 {
  color: #fff;
}
.popup-linkbtn {
  display: contents;
}
#close-popup {
  display: flex;
  bottom: 0;
  margin: 10px auto 0;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 2px 5px;

}