@charset "utf-8";

.cookie-consent {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		font-size: 12px;
		color: #fff;
		background: rgba(0,0,0,.7);
		padding: 1.2em;
		box-sizing: border-box;
		visibility: hidden;
}
.cookie-consent.is-show {
		visibility: visible;
}
.policy-link, :link, :visited, :hover, :active {
		color: rgb(0, 136, 255);
		text-decoration: none;
}
.cookie-agree, .cookie-reject {
		color: #fff;
		background: dodgerblue;
		padding: .5em 1.5em;
		margin-left: 20px;
}
.cookie-agree:hover, .cookie-reject:hover {
		cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
		display: none;
}
/* ゆっくり消える */
.cc-hide2 {
		animation: hide 1s linear 0s;
		animation-fill-mode: forwards;
}
@keyframes hide {
		from {
				opacity: 1;
		}
		to {
				opacity: 0;
				visibility: hidden;
		}
}

/* メディアクエリ */
@media screen and (max-width:519px) {
		.cookie-consent {
				flex-direction: column;
		}
		.cookie-text {
				margin-bottom: 1em;
				width: 90%;
		}
		.cookie-agree, .cookie-reject {
				color: #fff;
				background: dodgerblue;
				padding: .5em 1.5em;
				margin-left: 20px;
				margin-top: 10px;
		}

}