body{
    background: black;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    font-family: "ＭＳ Ｐ明朝",serif;
    color: white;
    width: auto;
}

html{
    cursor: url("cursor.png") 0 0, auto;
    overflow: scroll;
    scrollbar-width: none; 
    -ms-overflow-style: none;
    ::-webkit-scrollbar {
        display: none;
    }
}

#Section{
    margin: auto;
    max-width: 720px;
    min-width: 320px;
}

#header{
    display: flex;
    margin-top: 1em;
    margin-left: 1em;
}

.tab{
    padding: 0.5em;
}

#mainarea{
    margin-left: 1em;
    padding: 1em;
}
video{
    max-width: 600px;
}
.video{
    text-align: center;
}

a{
    color: white;
    text-decoration: none;
        cursor: url("cursor.png") 0 0, auto;
    
    &:visited{
        color: white;
        text-decoration: none;
    }

    &:hover{
        &:active{
            color: white;
            text-decoration: none;
        }

        position: relative;
        top: -2px;
        color: black;
        background: white;
    }
}

table, th, td{
    padding: 0.5em;
    border-collapse: collapse;
}
th, td{
    border: 1px white solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

.particle {
  position: absolute;
  width: 6px;
  height: 6px;
  background: white;
  opacity: 1;
  pointer-events: none;
  animation: shrinkFall 1.2s steps(8) forwards;
}
@keyframes shrinkFall {
    0% {
    transform: translateY(0) scale(1);
    opacity: 1;
    }
    100% {
    transform: translateY(-60px) scale(0);
    background: blue;
    }
}

.flex{
    display: flex;
}

textarea{
    color: white;
    background: black;
    font-family: "ＭＳ Ｐ明朝",serif;
    border-radius: 0%;
}

.draggable{
    position: relative;
}
.draggdeco{
    position: relative;
}

.tabTitle{
    padding: 2px;
    background: white;
    border-top-right-radius: 10px;
    color: black;
}
.tabDesign{
    padding: 1em;
    border: 1px white solid;
}

.deco{
    position: relative;
}

img {
  user-drag: none;      /* Chrome, Safari */
  -webkit-user-drag: none; /* Safari 旧仕様 */
  -moz-user-select: none;  /* Firefox */
  -webkit-user-select: none;
  user-select: none;
}