.pagetop {
    right: min(3vw, 30px);
    bottom: min(calc(3vw + 11px), 30px);
    aspect-ratio: 1/1;
    width: min(12vw, 80px);
    height: auto;
    z-index: 6;
    -webkit-filter: none;
    filter: none;
    background: url(/common/kids/asobiparkplus/assets/img/common/character/c-a0.svg) no-repeat center bottom / contain;
    transition: none;
}
.pagetop::before {
    content: "";
    width: 100%;
    background: url(/common/kids/asobiparkplus/assets/img/common/character/c-a1.svg) no-repeat center bottom / contain;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    user-select: none;
}
.pagetop::after {
    content: "ページTOPへ";
    color: #3A3226;
    font-size: min(2vw, 78.5%);
    font-weight: bold;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
    filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
}
.pagetop img {
    opacity: 0;
}
.pagetop:hover {
    opacity: 1;
    background: url(/common/kids/asobiparkplus/assets/img/common/character/c-a2.svg) no-repeat center bottom / contain;
}
@keyframes pagetop_byu-n {
    0% { bottom: 0; opacity: 1; }
    50% { opacity: 1; }
    100% { bottom: 50vh; opacity: 0; }
}
.pagetop.action {
    background: none;
}
.pagetop.action::before {
    aspect-ratio: 4/9;
    opacity: 1;
    animation: pagetop_byu-n .6s ease-out forwards; 
}
.floor__area,
.floor__area picture {
    display: block;
    position: relative;
}
.floor__area::before {
    content: "";
    aspect-ratio: 10/9;
    width: min(20vw,130px);
    position: absolute;
    bottom: 97%;
    right: 2%;
    background: url(/common/kids/asobiparkplus/assets/img/common/character/c-o.svg) no-repeat center bottom / contain;
    z-index: 1;
}
.floor__area picture::after {
    content: "";
    aspect-ratio: 10/21;
    width: min(8vw,50px);
    position: absolute;
    bottom: -2%;
    right: 98%;
    background: url(/common/kids/asobiparkplus/assets/img/common/character/c-s.svg) no-repeat center bottom / contain;
}
@media (max-width: 768px) {
    .floor__area::before {
        right: -5px;
    }
    .floor__area picture::after {
        right: auto;
        left: -5px;
    }
}
@media (min-width: 769px) {
    #menu__area__page {
        overflow: hidden;
    }
    #menu__area__page > .inner {
        z-index: +1;
    }
    #menu__area__page::before {
        content: "";
        width: calc(120% + 70px);
        height: 90px;
        position: absolute;
        bottom: 10px;
        left: -100px;
        background: #f009;
        animation:
            a-walk 30s linear infinite,
            a-fuwa 2s ease infinite;
        background: url(/common/kids/asobiparkplus/assets/img/common/character/c-a3.svg) no-repeat 100% bottom / auto 70px;
    }
    @keyframes a-walk {
        0% { background-position: 100% bottom; }
        100% { background-position: 0 bottom; }
    }
    @keyframes a-fuwa {
        0% { transform: translate(0,0); }
        50% { transform: translate(0,-10px); }
        100% { transform: translate(0,0); }
    }
}