@charset "UTF-8";

/* 年齢確認用CSS */

.modal { 
    position:fixed; 
    display:none; 
    z-index:999999; 
    width:60%; 
    height:250px; 
    top:20%;
    left:50%;
    transform:translate(-50%,-20%);
    padding:20px; text-align:center; }

.modal p { 
    margin-bottom:10px; }

.modal a { 
    margin: 0 10px;
    display: block;
    border: 1px solid var(--color_w);
    width: 100px;
    height: 35px;
    line-height: 35px;
    cursor:pointer; 
    color: var(--color_w);}

.modal a:hover { 
    color: var(--color_b);
    background: var(--color_yellow);
    transition: 0.5s;}

@media (max-width: 780px) {
.modal { 
    width:80%; 
}
}

@media (max-width: 600px) {
.modal { 
    width:100%; 
    height:100%;     
    top:30%;
    left:50%;
    transform:translate(-50%,-30%);
}
.modal p,
.modal a{
    font-size: 85%;
} 
}