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


 = Common　CookieCookie Style
 
 
*************************************************************************************************/
.cookieOuter {
	position: fixed;
	bottom: 0;
	bottom:-200px;
	left: 0;
	z-index: 11;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 -3px 3px rgba(0,0,0,30%);
  visibility: visible;
  transition: .5s;
}
.cookieInner{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px 40px;
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
}
@media screen and (max-width: 1600px) {
	.cookieInner{
		max-width: initial;
		margin-left: 0;
		margin-right: 0;
		padding-right: 300px;
	}
}
@media screen and (max-width: 1080px) {
	.cookieInner{
		flex-direction: column;
		padding: 20px 300px 20px 20px;
	}
}
@media screen and (max-width: 500px) {
	.cookieInner{
		flex-direction: column;
		padding: 20px 20px 150px 20px;
	}
}
.cookieOuter.is-show {
  bottom: 0;
}
.cookieText{
  width: calc(100% - (40px + 120px));
}
@media screen and (max-width: 767px) {
	.cookieText{
		width: 100%;
	}
}
.cookieText a{
  text-decoration: underline;
}
.cookieAgree {
	width: 120px;
	padding: 0.5em 1em;
	background-color: #17294F;
	text-align: center;
	color: #ffffff;
}
.cookieAgree: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: 650px) {
  .cookie-consent {
    flex-direction: column;
    width: 300px;
    left: calc(50% - 300px/2);
  }
  .cookie-text {
    width: 100%;
    margin-bottom: 1em;
  }
}