@charset "utf-8";

/* 通知バーアニメーション用 */
@-webkit-keyframes ga-cookie-accept-bar-slide-in {
 from {
  -webkit-transform: translateY(2000px);
  transform: translateY(2000px);
 }

 to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}

@keyframes ga-cookie-accept-bar-slide-in {
 from {
  -webkit-transform: translateY(2000px);
  transform: translateY(2000px);
 }

 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(2000px);
  transform: translateY(2000px);
 }
}

@keyframes ga-cookie-accept-bar-slide-out {
 from {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }

 to {
  -webkit-transform: translateY(2000px);
  transform: translateY(2000px);
 }
}


/* 通知バー */
.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: rgba(0, 0, 0, 0.7);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 color: #fff;
 display: flex;
 flex-direction: column;
 font-size: 1.3rem;
 line-height: 1.5;
 padding: 5px 30px;
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 z-index: 1000;
}

.module-ga-cookie-accept-bar.state-remove {
 -webkit-animation-duration: 1.6s;
 animation-duration: 1.6s;
 animation-fill-mode: both;
 -webkit-animation-name: ga-cookie-accept-bar-slide-out;
 animation-name: ga-cookie-accept-bar-slide-out;
}

.module-ga-cookie-accept-bar p {
 margin: 1em 0;
 text-align: left;
 margin: 0 auto;
}

.module-ga-cookie-accept-bar1 p {
 text-align: center;
}

.module-ga-cookie-accept-bar .material-icons {
 vertical-align: middle;
 margin-right: .2em;
}

.module-ga-cookie-accept-bar p button:first-child {
 margin-right: 2em;
}

.module-ga-cookie-accept-bar a {
 color: #FFFFFF;
 text-decoration: none;
 text-decoration: underline;
}

.module-ga-cookie-accept-bar a:hover {
 color: #87CEEB;
}

/* ボタン */
.module-ga-cookie-accept-btn {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 display: inline-block;
 background-color: #d32f2f;
 border: 2px solid #b71c1c;
 color: #fff;
 font-family: inherit;
 font-size: 1em;
 margin-bottom: .5em;
 padding: .5em 1.5em;
 border-radius: 3px;
 -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
 -webkit-transition: .3s ease-out;
 transition: .3s ease-out;
 min-width: 120px;
 line-height: normal;
}

.module-ga-cookie-accept-btn:hover {
 -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
 cursor: pointer;
}

.module-ga-cookie-accept-btn.module-ga-cookie-deny-btn {
 background-color: transparent;
 border-color: #fff;
}

@media screen and (max-width:430px) {
 p.accept_bar_jp {
  font-size: 0.7em;
 }

 button#name-ga-cookie-deny-btn {
  padding: 0.8em 0.8em;
  font-size: 0.8em;
 }

 button#name-ga-cookie-accept-btn {
  padding: 0.8em 0.8em;
  font-size: 0.8em;
 }

 div#name-ga-cookie-accept-bar {
  padding: 5px 15px;
 }

 div#name-ga-cookie-accept-bar br {
  line-height: 0.3;
 }

 /* .module-ga-cookie-accept-btn {
  min-width: auto;
 } */

}