@charset "Shift_JIS";
/* ----PC Cookieポリシー同意---- */
@media screen and (min-width : 768px){
	.block-cookie-consent {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  position: fixed;
	  bottom: 0;
	  width: 100%;
	  font-size: 14px;
	  color: #fff;
	  background: rgba(0,0,0,.7);
	  padding: calc(1.2em + 3px) 1.2em 1.2em;
	  box-sizing: border-box;
	  visibility: visible;
	  text-align: left;
	  z-index:110;
	}
	.block-cookie-consent--text a {
	  color: #fff;
	}
	.block-cookie-consent--btn {
	  display: inline-block;
	  min-width: 100px;
	  color: #fff;
	  background: dodgerblue;
	  padding: .5em 1.5em;
	  cursor: pointer;
	  text-align: center;
	  margin-right: 30px;
	}

	#cookie-close {
		position: absolute;
		top: 0%;
		right: 0%;
		width: 25px;
		height: 25px;
		z-index: 2;
		cursor: pointer;
		z-index: 10;
		background-color:#000;
	}
	#cookie-close .line-01,
	#cookie-close .line-02 {
		position: absolute;
		width: 25px;
		height: 1px;
		background-color: #fff;
		top: 50%;
	}
	#cookie-close .line-01 {
		transform: rotate(135deg) translateX(0%);
	}
	#cookie-close .line-02 {
		transform: rotate(45deg) translateX(0%);
	}
}

/* ----SP Cookieポリシー同意---- */
@media screen and (max-width : 767px){
	.block-cookie-consent {
	  justify-content: space-between;
	  align-items: center;
	  position: fixed;
	  bottom: 0 !important;
	  width: 100%;
	  font-size: 14px;
	  color: #fff;
	  background: rgba(0,0,0,.7);
	  padding: 1.8em 1.8em 0.8em;
	  box-sizing: border-box;
	  visibility: visible;
	  text-align: left;
	  z-index:10000;
	}
	.block-cookie-consent--text {
		font-size:11px;
		margin-bottom:5px;
	}
	.block-cookie-consent--text a {
	  color: #fff;
	}
	.block-cookie-consent--btn {
	  display: flex;
	  align-items : center;
	  justify-content : center;
	  min-width: 100px;
	  color: #fff;
	  background: dodgerblue;
	  padding: 0.2em 1.1em;
	  cursor: pointer;
	  text-align: center;
	  font-size : x-small;
	  width : 100px;
	  height : 3em;
	  margin : 0 auto;
	}

	#cookie-close {
		position: absolute;
		top: 0%;
		right: 0%;
		width: 20px;
		height: 20px;
		z-index: 2;
		cursor: pointer;
		z-index: 10;
		background-color:#000;
	}
	#cookie-close .line-01,
	#cookie-close .line-02 {
		position: absolute;
		width: 20px;
		height: 1px;
		background-color: #fff;
		top: 50%;
	}
	#cookie-close .line-01 {
		transform: rotate(135deg) translateX(0%);
	}
	#cookie-close .line-02 {
		transform: rotate(45deg) translateX(0%);
	}
}