:root{
    --display-width:3840px;
    --display-height:2160px;
    --ig-size-landscape:1900px;
    --gc-size-landscape:1900px;
    --ig-size-portrait:1900px;
    --gc-size-portrait:1900px;
    --zoom-value:0.4;
    --fc-today-bg-color:#FDFFD0;
    --fc-border-color:lightblue;
    --fc-button-active-bg-color:#278E58;
    --fc-button-bg-color:#707070;
    --fc-button-hover-bg-color:#278E58;
    --fc-small-font-size:0.8em;
}
html{
    font-size: 36px;
    color: #2c3e50;
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    padding: 0;
    /*cursor: none;*/
    /*overflow: hidden;*/
    user-select: none;/**/
    zoom: var(--zoom-value);
    -moz-transform: var(--zoom-value);
    /**
      画面ちらつき対策
      https://yumeirodesign.jp/blog/201312/csstransforms-fixed.html
    **/
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color: white;
    font-family: DinM,NotoM,NotoB;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
ul,li,dl,dt,dd{
    margin:0;
    padding: 0;
    list-style: none;
}
div{
    margin:0;
    padding:0;
}
#app{
    position: absolute;
    top: 0;
    left: 0;
    width: var(--display-width);
    height: var(--display-height);
    padding: 0;
    margin: 0;
    background-color: white;
}
@font-face {
    font-family: FuturaM;
    src: url(../fonts/Futura-Medium.woff) format("woff");
    font-weight: auto;
    font-style: normal
}

@font-face {
    font-family: NotoM;
    src: url(../fonts/NotoSansCJKjp-Medium.woff) format("woff");
    font-weight: auto;
    font-style: normal
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
    transition-delay: 1000ms;
    opacity: 0;
}