@charset "utf-8";
/* CSS Document */


/* 基礎 */

html,body {
	height:100%;
	scroll-padding-top: 60px;
	scroll-behavior: smooth;
}

html {
	font-size:62.5%;
}

img {
	max-width: 100%;
	height: auto;	
}

@media screen and (min-width:1025px) {
	.sp{
		display: none;
	}
}
@media screen and (max-width:1024px) {
	.pc{
		display: none;
	}
}

/* ----------------------------------　モーダル入口　---------------------------------- */

.modal { 
	position:fixed; 
	z-index:9999; 
	top:0; 
	left:0;
	right:0;
	bottom:0;
	width:100%;
	max-width:400px; 
	aspect-ratio: 4 / 6 ;
	margin:auto; 
	padding:0; 
	text-align:center;
	display: none;
}
.modal_wrap {
	width:100%;
	max-width:400px;
	aspect-ratio: 4 / 6 ;
	box-shadow:0 0 20px rgba(13,183,211,0.3);
	background:url(../img/check.png) center top no-repeat;
	background-size: cover;
	background-color:#FFF;
	position:relative;
}
.age-confirm-copy {
	position:absolute;
	top:31%;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 16px;
	color:#081a45;
	font-family:"Noto Sans SC", sans-serif;
	text-align:center;
}
.age-confirm-copy p {
	margin:0;
	font-size:15px;
	line-height:24px;
	font-weight:400;
}
a.box em {
	font-family: "Noto Sans SC", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	transform: rotate(0.03deg);
	font-weight: 700!important;
	font-size: 2.5rem;
	font-style: normal;
}
a.box span {
	font-family: "Noto Sans SC", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		transform: rotate(0.03deg);
		font-weight: 400!important;
	font-size:1.5rem;
}

.b_left {width:50%;aspect-ratio:20 / 8;position:absolute; bottom:0; left:0; }
.b_right {width:50%;aspect-ratio:20 / 8;position:absolute; bottom:0; right:0; }

.b_left a {display: flex; flex-direction: column;justify-content: center;width: 100%;aspect-ratio:20 / 8; visibility: visible; opacity: 1; color:#fff;background-color:#689ad1; text-decoration:none;}
.b_right a {display: flex; flex-direction: column;justify-content: center;width: 100%;aspect-ratio:20 / 8; visibility: visible; opacity: 1; color:#bfbfbf;background-color:#717f87; text-decoration:none;}

.b_left a:hover {background-color:#FF5B82; text-decoration:none;}
.b_right a:hover {background-color:#414c52; text-decoration:none;}

.modal a { cursor:pointer; }