/* #app {
    overflow-x: hidden !important;
} */
body {
    overflow-x: hidden !important;
}

[v-cloak] {
    visibility: hidden;
}

.cursor-pointer {
    cursor: pointer;
}

.pointer-events-none {
    pointer-events: none;
}

.quill-editor p {
    margin: 0 !important;
    margin-bottom: 0.1rem !important;
}

.anchor {
    padding-top: 77px;
    margin-top: -77px;
    height: 0;
}

/* ----------------------------- /
 フローティングアクション
/ ----------------------------- */

.c-fab {
    /*円の部分*/
    height: 64px;
    width: 64px;
    font-size: 24px;
    border-radius: 32px;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.c-fab-bottom-right {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 99;
}

.fab-bottom-right {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 99;
}

.fab-bottom-left {
    position: fixed;
    left: 26px;
    bottom: 26px;
    z-index: 99;
}

/* ----------------------------- /
 ローディング
/ ----------------------------- */
#loading-lock {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    text-align: center;
    opacity: 0.3;
}

#loading-lock-icon {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 1024px) {
    #loading-lock-icon img {
        width: 60px;
    }
}