@charset "UTF-8";
/* iOSでのデフォルトスタイルをリセット */
button {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box; }
  button::-webkit-search-decoration {
    display: none; }
  button.newiine_btn {
    position: relative;
    cursor: pointer;
    background: transparent;
    border: 1px solid #eb6c6c;
    color: #eb6c6c;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    transition: 0.3s;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); }
    button.newiine_btn:hover {
      background-color: #eb6c6c !important;
      color: #fff !important; }
    button.newiine_btn.newiine_clickedtoday {
      color: #eb6c6c;
      border-color: #eb6c6c; }
    button.newiine_btn.newiine_clicked {
      color: #fff;
      background: #eb6c6c;
      border-color: #eb6c6c; }
    button.newiine_btn.newiine_animate::before {
      z-index: 1;
      animation: newiine_animation ease-out 0.5s forwards; }

button.newiine_btn div.newiine_thanks {
  /* ※ ↓お礼メッセージの吹き出しのサイズを変えたい場合はここを調整 */
  font-family: 'Borel', cursive;
  min-width: 100px;
  left: -25px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  color: #eb6c6c;
  opacity: 0;
  transition: 0.3s;
  animation-duration: .1s;
  animation-fill-mode: both;
  z-index: 5;
  pointer-events: none; }
  button.newiine_btn div.newiine_thanks::after {
    content: ''; }
button.newiine_btn div.newiine_thanks_up {
  bottom: 45px;
  animation-name: newiine_thanks-up; }

.newiine_fadeout {
  animation: newiine_fadeOut 1s !important;
  animation-fill-mode: both; }

@keyframes newiine_animation {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(0.5); }
  100% {
    opacity: 0;
    transform: scale(1.5);
    visibility: hidden; } }
@keyframes newiine_fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes newiine_thanks-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*# sourceMappingURL=newiine.css.map */