/*------------------------------------------------------------
	Cookie Notice & Compliance for GDPR/CCPA ŹăŹ‘‚«—pCSS
------------------------------------------------------------*/
#cookie-notice {
	left: 50%;
	transform: translateX(-50%); 
	width: 90%;
	min-width: 90%;
	max-width: 1140px;
	font-size: 1.8rem;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif;
}
.cookie-notice-container {
	padding: 30px 50px;
	text-align: left;
}
#cookie-notice a {
	color: #fff;
	text-decoration: underline;
}
.cn-text-container {
	display: block;
	margin: 0;
	width: 88%;
}
#cn-notice-buttons.cn-buttons-container {
	position: absolute;
	right: 50px;
	top: 40%;
}
#cookie-notice .cn-button {
	margin: 0 0 0 30px;
	padding: 10px 30px;
	border: none;
	background-color: #fff;
	border-radius: 4px;
	font-size: 1.8rem;
	color: #111;
	font-family: 'Noto Sans JP', sans-serif;
	cursor: pointer;
}
#cookie-notice .cn-button:hover{
	opacity: 0.8;
}
.cn-close-icon {
	top: 10px;
	margin-top: 0;
}
.cn-close-icon:before,
.cn-close-icon:after {
	background-color: #fff;
}

@media all and (max-width: 896px) {
	#cookie-notice {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		font-size: 1.3rem;
	}
	.cookie-notice-container {
		padding: 15px 25px;
	}
	.cn-text-container {
		width: 100%;
	}
	#cn-notice-buttons.cn-buttons-container {
		position: initial;
		text-align: center;
		margin: 10px 0 0;
	}
	#cookie-notice .cn-button {
		margin: 0 5px;
		padding: 8px 40px;
		font-size: 1.3rem;
	}

}