/* ---- for GDPR ---- */
#cookie_agreement_popup{
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  letter-spacing:1px;
  box-sizing:border-box;
  position:fixed;
  bottom:53px;
  left:56px;
  width:350px;
  padding:45px 16px 29px 16px;
  border:solid 2px #134c7f;
  border-radius:6px;
  background:#dce6f0;
  color:#134c7f;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s;
  z-index:300;
  box-shadow:0 0 6px rgba(19,76,127,0.2);
}

#cookie_agreement_popup.on{
  opacity:1;
  pointer-events:auto;
}

#cookie_agreement_popup .tx{
  font-size:13px;
  line-height:20px;
}

#cookie_agreement_popup .tx.en{
  font-size:12px;
}

#cookie_agreement_popup .tx p{
  margin:0;
}

#cookie_agreement_popup .tx a{
  margin-left:4px;
  font-size:13px;
  color:#134c7f;
}

#cookie_agreement_popup .tx a:hover{
  text-decoration:none;
}

#cookie_agreement_popup .tx p:last-child{
  margin-top:22px;
}

#cookie_agreement_popup .tx p:last-child::before{
  display:inline-block;
  width:4px;
  height:4px;
  content:'';
  border:solid #134c7f;
  border-width:1px 1px 0 0;
  transform:rotate(45deg);
}

#cookie_agreement_popup .agreement_btn{
  position:absolute;
  bottom:25px;
  right:18px;
  display:block;
  width:120px;
  height:30px;
  line-height:30px;
  font-size:16px;
  color:#fff;
  background:#30989a;
  text-align:center;
  cursor:pointer;
}

#cookie_agreement_popup .agreement_btn:hover{
  background:#6fb7b8;
}

#cookie_agreement_popup .close_btn{
  display:block;
  position:absolute;
  top:16px;
  right:16px;
  width:16px;
  height:16px;
  cursor:pointer;
}

#cookie_agreement_popup .close_btn::before,
#cookie_agreement_popup .close_btn::after{
  position:absolute;
  top:0;
  left:calc( 50% - 1px );
  display:block;
  content:'';
  width:2px;
  height:16px;
  background:#134c7f;
}

#cookie_agreement_popup .close_btn::before{
  transform:rotate(45deg);
}
#cookie_agreement_popup .close_btn::after{
  transform:rotate(-45deg);
}
@media all and (max-width: 599px) {
  #cookie_agreement_popup{
    left:0;
    bottom:0;
    width:auto;
    height:auto;
    padding:24px 8px 8px;
  }
  #cookie_agreement_popup .agreement_btn{
    right:8px;
    bottom:8px;
  }
  #cookie_agreement_popup .close_btn{
    right:8px;
    top:8px;
  }
}