.r18 {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 9999;
 transform: translateX(-50%)
 translateY(-50%);
}

.r18 .position {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 justify-content: center;
 box-sizing: border-box;
 width: min(100vw,520px);
 height: min(100vw,340px);
 border: solid 4px #ff0000;
 background: #ffffff;
 text-align: center;
}

.r18 p {
 letter-spacing: .1rem;
 font-weight: bold;
 font-size: .8rem;
}

.r18 a {
 cursor: pointer;
}

.r18 .r18_ttl {
 color: #e40d0d;
 letter-spacing: .1rem;
 font-weight: bold;
 font-size: 2rem;
}

.r18 .r18_message {
 margin: 3rem 0;
 line-height: 1.6;
}

.r18 .cushion {
 width: 100%;
}

.r18 .r18_btn {
 margin-top: 1rem;
}

.r18 .r18_btn a {
 display: inline-block;
 box-sizing: border-box;
 padding: 2% 0;
 width: 40%;
 height: auto;
 border-radius: 4px;
 background-color: #18bd67;
 color: white;
 text-align: center;
 text-decoration: none;
 text-indent: 0;
 font-size: 1rem;
 transition: .3s;
}

.r18 a:hover {
 opacity:.7;
}

.r18 .r18_btn .r18_no {
 border: 1px solid #b3b3b3;
 background-color: #f9f9f9;
 color: #333333;
}

@media screen and (max-width:600px) {
 .r18 {
  width: 90%;
 }
 .r18 .position {
  margin: 0 auto;
  width: 100%;
 }
}