#cookie-area {
	position:				fixed;
	bottom:					0px;
	left:					0px;
	background:				#ffffff;
	border-top:				1px solid #999999;
	width:					100%;
	height:					120px;
	opacity: 				0.9;
	z-index:				10;
}

#cookie-area h3,
#cookie-area p {
	padding-top:			-10px;
	padding-left:			50px;
	float:					left;
	margin-right:			50px;
}

#cookie-area h3 {
	width:					100%;
	display:				block !important;
	margin-top:				10px;
	margin-bottom:			10px;
}

#cookie-area button {
	width:					100px;
	height:					30px;
	margin-top:				10px;
	margin-right:			10px;
	border-radius:			5px;
	display:				inline !important;
	padding:				0px !important;
	border:					1px solid !important;
}

#cookie-area p {
	width:					calc(100% - 300px);
	margin-right:			10px;
}

#cookie-area .cookie-close {
	display:				block;
}
#cookie-area .cookie-close::before,
#cookie-area .cookie-close::after {
	content:				"";
	position:				absolute;
	top:					20px;
	right:					20px;
	width:					5px; /* 棒の幅（太さ） */
	height:					20px; /* 棒の高さ */
	background:				#333;
}
#cookie-area .cookie-close::before {
	transform: 				translate(-50%,-50%) rotate(45deg);
}
#cookie-area .cookie-close::after {
	transform: 				translate(-50%,-50%) rotate(-45deg);
}