.l-ageCheckModal-wrapper {
 display: none;
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 9999;
 transform: translateX(-50%)
 translateY(-50%);
}

.b-ageCheckModal {
 display: flex;
 align-items: center;
 flex-direction: column;
 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;
}

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

.b-ageCheckModal__text {
 margin: 1rem 0;
 letter-spacing: .1rem;
 font-weight: bold;
 font-size: .8rem;
 line-height: 1.6;
}

.l-ageCheckModal__choice-wrapper {
 display: flex;
 gap: .5rem;
 justify-content: center;
 width: 100%;
}

.b-ageCheckModal__choice ,
.b-ageCheckModal__choice-no {
 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;
 cursor: pointer;
 transition: .3s;
}
:is(.b-ageCheckModal__choice ,
.b-ageCheckModal__choice-no):hover {
 opacity:.7;
}

.b-ageCheckModal__choice-no {
 border: 1px solid #b3b3b3;
 background-color: #f9f9f9;
 color: #333333;
}

@media screen and (max-width:600px) {
 .l-ageCheckModal-wrapper {
  width: 90%;
 }
}