@charset "UTF-8";
/* CSS Document */

#cookieNotice {
color: #333333;
position: fixed;
display: flex;
justify-content: center;
padding: 25px 20px;
bottom: 80px;
background-color: rgba(255,255,255,0.9);
left: 0;
right: 0;
max-width: 960px;
width: calc(960vw / 12.80 );
margin: 0 auto;
border-radius: 5px;
box-shadow: 0 0.625em 1.875em rgb(2 2 3 / 28%);
/*visibility: hidden;*/
opacity: 0;
transition: .3s;
z-index: -1;
}
#cookieNotice p {
line-height: 1.5;
text-align: justify;
}
#cookieNotice.is-show {
/*visibility: visible;*/
opacity: 1;
z-index: 9999;
}
.cookie-agree,
.cookie-disagree {
color: #FFFFFF;
background-color: #5876AA;
display: inline-flex;
padding: .5em 1.5em;
transition: .3s;
width: 100px;
margin-left: 10px;
margin-bottom: 5px;
justify-content: center;
}
.cookie-disagree {
color: #5876AA;
background-color: #FFFFFF;
border: 1px solid #5876AA;
}
.cookie-agree span,
.cookie-disagree span {
	white-space: nowrap;
	align-self: center;
}
.cookie-agree:hover,
.cookie-disagree:hover {
cursor: pointer;
opacity: 0.7;
}
/* パッと消える */
.cc-hide1 {
display: none!important;
z-index: -1!important;
}
/* ゆっくり消える */
.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: 990px) {
#cookieNotice {
width: 90%;
padding: 15px;
}
#cookieNotice p {
font-size: 12px;
}
}

@media screen and (max-width: 480px) {
#cookieNotice {
flex-wrap: wrap;
}
.agreeBox {
	margin-top: 10px;
}
}