@keyframes fadein {
0% {
opacity: 0;
transform: translateY(100vh);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.hoverner {
position: fixed;
bottom: 10px;
right: 10px;
animation: fadein 3s;
z-index: 9999;
display: none;
}
.hoverner.pc {
display: block;
}
@media screen and (max-width: 480px) {
.hoverner {
left: 0vw;
right: 0vw;
bottom: 0vw;
}
.hoverner.sp {
display: block;
}
}
.hoverner-link {
display: flex;
justify-content: center;
}
.hoverner-link:hover {
opacity: .9;
}
.hoverner-image-pc {
display: block !important;
max-width: 200px;
}
@media screen and (max-width: 480px) {
.hoverner-image-pc {
display: none !important;
}
}
.hoverner-image-sp {
display: none !important;
max-width: 100%;
}
@media screen and (max-width: 480px) {
.hoverner-image-sp {
display: block !important;
}
}
.hoverner-close {
position: absolute;
top: 0;
right: 0;
background-color: #000;
color: #fff;
cursor: pointer;
transition: all .3s;
}
.hoverner-close:hover {
opacity: .7;
}