html, body {
    overflow: hidden;
    height: 100%
}

html, div {
    touch-action: manipulation;
}

body {
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    font-size: 1px;
    -ms-touch-action : none ; /* for *IE10 */
    touch-action : none ;
    position: relative;
    box-sizing: border-box;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-feature-settings: "fwid" 1;
}

a {
    display: inline-block;
    -webkit-tap-highlight-color: transparent
}

#container {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0
}

#content {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    z-index: 0;
    -webkit-user-select: none;
    -webkit-transform-origin-x: 0px;
    -webkit-transform-origin-y: 0px;
    -webkit-perspective: 0px;
    width: 0;
    height: 0;
    left: 0;
    top: 0
}

::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.5);
    width: 0.75em
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5)
}

#main {
    width: 1650px;
    height: 1035px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    /*pointer-events: none*/
}

.hide {
    display: none;
}

.inputWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.inputText {
    position: absolute;
    padding: 5px;
    top: 45px;
    left: calc((100% - 500px) / 2);
    width: 500px;
    height: 300px;
    border-radius: 15px;
    border: 5px solid #74bbff;
    box-sizing: border-box;
    font-size: 28px;
    vertical-align: top;
    line-height: 1;
    outline: 0;
    resize: none;
}

textarea::placeholder {
    color: #b4b4b4
}

.btnDecision {
    position: absolute;
    top: 360px;
    left: 630px;
    width: 158px;
    height: 70px;
    background-image: url("../img/btn_decision.png");
}

.btnDecision.active {
    background-image: url("../img/btn_decision_active.png");
}

.btnCancel {
    position: absolute;
    top: 360px;
    right: 630px;
    width: 158px;
    height: 70px;
    background-image: url("../img/btn_cancel.png");
}

.btnCancel.active {
    background-image: url("../img/btn_cancel_active.png");
}