@charset "UTF-8";

/* top-modal
========================================== */

/* modal */
.top-modal-inner {
	border: 2px solid #fff;
	box-sizing: border-box;
	background: #fff;
}

/* info */
.modal-info{
	padding: 20px;
}
@media only screen and (max-width: 600px) {
	.modal-info {
		padding: 4.5vw 0 5.3vw;
	}
}

/* title */
.top-modal .modal-top-title {
	position: relative;
	width: 100%;
	max-width: 480px;
	background: url(../images/modal/modal_logo.png) no-repeat center;
	background-size: contain;
	margin: 10px auto 0;
	height: 0;
	padding-top: 52.08%;
	max-height: 250px;
	font-size: 0;
}
@media only screen and (max-width: 600px) {
	.top-modal .modal-top-title {
		margin: 5.3vw auto 0;
		width: 95%;
		height: 0;
		padding-top: 43.53%;
		background-size: contain;
	}
}

/* link */
.modal-info a{
	text-align: center;
	background: #ff092c;
	width: 90%;
	max-width: 500px;
	padding: 0.8em 0;
	border-radius: 90px;
	color: #fff;
	margin: 15px auto;
	display: block;
	font-size: 18px;
}
/* attention */
.modal-info .attention{
	text-align: center;
	font-size: 16px;
	color: #000;
}



.modal-top {
	text-align: center;
	background: #0601a3;
	padding: 20px 40px;
}
@media only screen and (max-width: 992px) {
	.modal-top {
		padding: 10px 0;
	}
}

.modal-cookies-btn label span {
	font-size: 18px;
}
@media only screen and (max-width: 600px) {
	.modal-cookies-btn label span {
		font-size: 14px;
	}
}
@media only screen and (min-width: 993px) {
	.top-modal-inner {
		max-width: 650px;
		margin: 0 auto;
	}
}
.modal-cookies-btn {
	text-align: center;
}