#end-joke-float {
  position: fixed;
  opacity: 0;
  z-index: 999999;
  font-size: 80%;
  max-width: 320px;   /* ← これが一番重要 */
  width: auto;
  padding: 14px 16px;

  background: rgba(0,0,0,0.55);
  color: #f2f2f2;

  border-radius: 8px;
  box-sizing: border-box;
}


#end-joke-float.show {
  opacity: 1;
}


#end-joke-float p {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

#end-joke-float p.show {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) {
  #end-joke-float {
    left: 24px;
    bottom: 24px;
    top: auto;
    transform: none;
  }
}

@media (max-width: 767px) {
  #end-joke-float {
    left: 50%;
    bottom: 30%;
    transform: translateX(-50%);
    max-width: 90vw;  /* ← 画面からはみ出さない */
  }
}

#end-joke-float p {
  margin: 0 0 6px;
  line-height: 1.5;
  word-break: break-word;
}

#end-joke-float p {
  margin: 0;
}

#end-joke-float p + p {
  margin-top: 6px;
}