/**
 * アプリケーション共通cssファイル。
 */
html {
    font-size: 0.875rem; /* 14px */
    height: 100%;
}

body {
    /* 参考：https://wemo.tech/1155 */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    height: 100%;
}

body.layout-app {
    display: flex;
    flex-flow: column;
    position: relative;
    width: 100%;
}

body.pointer-events-disabled {
}

body.pointer-events-disabled * {
    pointer-events: none !important;
}

[v-cloak] {
    display: none;
}

#app {
    margin-top: auto;
    margin-bottom: auto;
}

/* スクロールバー全体*/
.force-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
}

/* スクロールバーの溝 */
.force-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(241, 241, 241, 1);
    border-radius: 10px;
}

/* スクロールバーのつまみ */
.force-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(192, 192, 192, 1);
    border-radius: 10px;
}