/*! 通知バーのアニメーション用 */

@-webkit-keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(220px);
            transform: translateY(220px);
  }
}
@keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(220px);
            transform: translateY(220px);
  }
}
/*! 通知バー */

.module-ga-cookie-accept-bar{
  -webkit-animation-duration:.6s;
  animation-duration:.6s;
  -webkit-animation-name:ga-cookie-accept-bar-slide-in;
  animation-name:ga-cookie-accept-bar-slide-in;
  background-color:#000;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#fff;
  font-size:.875rem;
  line-height:1.5;
  padding:5px 20px;
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  z-index:1000;
}
.module-ga-cookie-accept-bar.state-remove{
  -webkit-animation-duration:.9s;
  animation-duration:.9s;
  -webkit-animation-name:ga-cookie-accept-bar-slide-out;
  animation-name:ga-cookie-accept-bar-slide-out;
}
.module-ga-cookie-accept-bar{
  width: 100%;
  padding: 23px 0;
}
.module-ga-cookie-accept-bar .wrap{
  width: 70%;
  margin: 0 auto;
}
.module-ga-cookie-accept-bar .text{
  width: 70%;
  float: left;
  font-size: 1.3rem;
  letter-spacing: 0.16em;
}
.module-ga-cookie-accept-bar .btns{
  width: 28%;
  float: right;
  margin-top: 3px;
}
.module-ga-cookie-accept-bar .btns button{
  width: 47%;
}
.module-ga-cookie-accept-bar a{
  color: rgb(255, 255, 255, 0.8);
  text-decoration:underline;
}
.module-ga-cookie-accept-bar a span.pr_arrow{
  margin-left: 15px;
}
.module-ga-cookie-accept-bar .material-icons{
  vertical-align:middle;
  margin-right: 5px;
  margin-left: -10px;
  margin-top: -3px;
}


/*! ボタン */
.module-ga-cookie-accept-btn{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-block;
  color:#fff;font-family:inherit;
  font-size:1.4rem;
  padding:.3em 0 .2em;
  border-radius: 7px;
  -webkit-transition:.3s ease-out;
  transition:.3s ease-out;
  letter-spacing: 0.1em;
}
.module-ga-cookie-accept-bar button.accept{
  margin-right:1em;
  border: 1px solid #00CEC1;
  background: -webkit-gradient(linear, left top, left bottom, from(#00CEC1), to(#008F85));
  background: -webkit-linear-gradient(top, #00CEC1, #008F85);
  background: -o-linear-gradient(top, #00CEC1, #008F85);
  background: linear-gradient(to bottom, #00CEC1, #008F85);
}
#name-ga-cookie-deny-btn{
  border: 1px solid #fff;
}
.module-ga-cookie-accept-btn.module-ga-cookie-deny-btn{
  background-color:transparent;
  border-color:#fff;
}




/*========== SP ==========*/
@media (max-width: 768px) {
  .module-ga-cookie-accept-bar a span.pr_arrow{
    margin-left: 0;
  }
  .module-ga-cookie-accept-bar .wrap{
    width: 90%;
    margin: 0 auto;
  }
  .module-ga-cookie-accept-bar .text{
    width: 100%;
    float: none;
    margin-bottom: 15px;
    line-height: 1.4em;
  }
  .module-ga-cookie-accept-bar .btns{
    width: 100%;
    float: none;
    margin-top: 0;
  }
  .module-ga-cookie-accept-btn{
    padding:.4em 0;
  }
  .module-ga-cookie-accept-bar .btns button{
    width: 47%;
  }
}