@charset "utf-8";
/* CSS Document */
@keyframes ido {
  0% {
    transform: translateY(160px);
    opacity: .6;
  }
  60% {
    transform: translateY(160px);
    opacity: .6;
  }
  80% {
    transform: translateY(-6px);
    opacity: .6;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@media all {
  #temporary {
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: calc(100vw - 40px);
    max-width: 300px;
    z-index: 2;
    animation: ido 2s linear forwards;
  }
  #temporary a {
    display: block;
    width: 100%;
  }
  #temporary #bnrcls {
    display: none;
  }
  #temporary label {
    position: absolute;
    display: block;
    font-size: 2rem;
    line-height: 1;
    width: 1em;
    height: 1em;
    background: #fff;
    border-radius: 50%;
    top: -0.3em;
    right: -0.3em;
    z-index: 4;
  }
  #temporary label::before {
    content: "×";
  }
  #bnrlink {
    display: block;
    width: 100%;
  }
  #temporary:has(#bnrcls:checked) {
    display: none;
  }
	
}

@media screen and (max-width: 567px){

  #temporary {
    bottom: 10px;
    right: 20px;
    width: calc(100vw - 40px);
  }
	
}

@media screen and (min-width: 568px) and (max-width: 1024px){

}

@media screen and (min-width: 1025px), print{

}