@charset "utf-8";

#name-line-contact-btn {
padding: 10px 5px 10px 5px;
position: fixed;
right: 0;
top: 90px;
background-color: rgba(255 , 255, 255, 1);
border-radius: 4px 0 0 4px;
border: 1px solid #ddd;
border-right: none;
z-index: 100;
line-height: 0; /* Edge */
}

#name-line-contact-btn[aria-hidden="true"] {
display: none;
opacity: 0;
}

#name-line-contact-btn[aria-hidden="false"] {
display: block;
}

#name-line-contact-btn a {
display: block;
overflow: hidden;
}

#name-line-contact-btn a img {
width: 70px;
height: 70px;
}

#name-line-contact-btn a:hover {
transform: scale(1.1,1.1);
transition: transform .5s;
}

#name-line-contact-btn a:hover img {
opacity: 1;
}

@media (max-width: 1250px), (max-height: 700px) {

  #name-line-contact-btn {
  padding: 5px;
  top: auto;
  bottom: 60px;
  }

  #name-line-contact-btn a img {
  width: 50px;
  height: 50px;
  }

  #name-line-contact-btn.name-line-contact-btn-top {
  top: 64px;
  bottom: auto;
  }

}