html {
    overflow: hidden;
    position: fixed;
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(100, 16, 105);
    touch-action: manipulation;

    /* 二本指スワイプの進む戻るの無効化 */
    overscroll-behavior-x: none;
    /*        image-rendering: pixelated; */
}

body {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    color: rgb(245, 245, 245);
    background-color: rgb(0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-text-size-adjust: 100%;
    font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
    overflow: hidden;

    /*        image-rendering: crisp-edges;*/
    image-rendering: -webkit-optimize-contrast;

}

.resultLog {
    will-change: transform;
    user-select: text;
    overflow: auto;
}

.pixImg {
    image-rendering: pixelated;
}

.pixImgPixelated {
    image-rendering: pixelated;
}

.pixImgCripsEdges {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* 選択不可能モード */
* {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* 上記で入力フォーカス問題回避 */
/*
input,
textarea {
    -ms-user-select: auto;
    -moz-user-select: -moz-auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
}
*/

.selectable {
    -ms-user-select: text;
    -moz-user-select: -moz-text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
}

input,
textarea {
    -ms-user-select: auto;
    -moz-user-select: -moz-auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
    font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
}

.textarea {
    border-color: skyblue;
    /* 枠線の色 */
    background-color: #ffc;
    /* 背景色 */
    outline: none;
    /* ※ブラウザが標準で付加する線を消したいとき */
}

.testCss {
    /*    background-color: #ffc; */
    border: 5px solid green;
}

.textarea:focus {
    border-color: skyblue;
    /* 枠線の色 */
    background-color: #ffc;
    /* 背景色 */
    outline: none;
    /* ※ブラウザが標準で付加する線を消したいとき */
}


input[type="text"]:focus {
    outline: none;
    border: 5px solid green;
}

input[type="text"] {
    outline: none;
}

.de-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--deSliderThumbBackground);
    width: var(--deSliderThumbSize);
    height: var(--deSliderThumbSize);
    border-radius: 50%;
    accent-color: hotpink;
}

.noneScrollBar::-webkit-scrollbar {
    display: none;
}