@charset "UTF-8";
/*================================================
 *  toldb / フローティングバナー
 ================================================*/
.toldb {
  position: fixed;
  bottom: 40px;
  right: 0;
  z-index: 9999;

  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.6s ease, transform 0.6s ease;
  display: block;

  width:23%;
}

.toldb.is-show {
  opacity: 1;
  transform: translateX(0);
}

.banner-image {
  width:100%;
}

/* ×ボタン */
.banner-close {
  position: absolute;
  top: 4px;
  left: -28px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}
.toldb a {
	display:block;
	text-decoration:none;
}

.toldb img:hover {
	background:#900000;
}

/*スマホ横から非表示*/

@media screen and (max-width: 896px){
.toldb {width:35%;}
}