@charset "utf-8";
/* CSS Document */
body{overflow: hidden; position: fixed;}
body.certified{overflow:auto; position:relative;}

#age{position: fixed; z-index: 9999; width: 100%; height: 100vh; height: 100dvh; display: flex; justify-content: center; align-items: center;
 background: rgba(255,149,186,0.9);}
#age .wrap-inner{background: #fff; border-radius: 10px; padding: 20px; width: 90%; max-width: 680px; margin:0 auto;}
#age .wrap-inner .wrap-text{text-align: center; padding-bottom: 40px;}
#age .wrap-inner .wrap-text .logo{max-width: 420px; padding: 40px 0; text-align: center; margin: 0 auto;}
#age .wrap-inner .wrap-btn{text-align: center;}
#age .wrap-inner .wrap-btn h5{color: #d52271; font-size: 1rem; margin-bottom: 10px;}
#age .wrap-inner .wrap-btn ul{display: flex; justify-content:space-between; padding-bottom: 20px; max-width: 414px; margin:0 auto;}
#age .wrap-inner .wrap-btn ul li{cursor: pointer; width: 48%;}
#age .wrap-inner .wrap-btn ul li a{background: #333; color: #fff; display: flex; justify-content: center; align-items: center;
 border-radius: 10px; padding: 0 20px; height: 60px; font-size: 1.2rem;}
#age .wrap-inner .wrap-btn ul li:first-child a{background: #ff4896;}

body.certified #age{display: none;}

@media screen and (max-width: 600px) {
#age .wrap-inner .wrap-text .logo{padding:20px 0;}
#age .wrap-inner .wrap-text .logo img{max-height: 110px; margin: 0 auto;}
#age .wrap-inner .wrap-text{padding-bottom: 20px; line-height: 160%; font-size: 0.84rem;}
#age .wrap-inner .wrap-btn ul li a{height: 48px;}	
	
}