@charset "UTF-8";

.close-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #c0c0c0;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
    font-size:17px;
}

.close-btn:hover {
    cursor: pointer;
    opacity: 0.7;
}

.cookie-consent {
	display: flex;
	justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 1.2em 4.0em;
    box-sizing: border-box;
    visibility: hidden;
	z-index: 1000;
	text-align: start;
	right: 0;
}

.cookie-consent.is-show {
    visibility: visible;
}

.cookie-consent a {
    color: #3384CB !important;
	text-decoration: underline !important;
}

.cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 6em;
}

.cookie-agree:hover {
    cursor: pointer;
    opacity: 0.7;
}

/* パッと消える */
.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: 767px) {
	.cookie-consent {
		flex-direction: column;
		bottom: 20vw;
	}
	.cookie-text {
		margin-bottom: 1em;
	}
	.fs-l-main{
		padding: 0;
	}
}