/*今の話題を終えるボタン*/
.finishTopic {
    position: fixed;
    bottom: calc(6vh + 3rem);
    right: 10vw;
    /*z-index: 9999;*/
}


.menu {
    background-color: var(--userSend);
    padding: 0 0.3em 0 0.3em;
    border-radius: 100vmax;
    position: fixed;
    /*z-index: 50000;*/
}

.migiue {
    top: 1em;
    right: 1em;
}

/*最小化されたブラウザ一覧*/
#openBrouser {
    right: 3em;
    bottom: 6vh;
    cursor: pointer;
    font-size: 1em;
}

/*今の話題を表示する*/
.topic {
    font-size: 0.8em;
    vertical-align: middle;
    text-align: left;
    color: var(--topic)
}

/*下の方にでてる入力欄div*/
.soshin {
    background-color: var(--soshin);
    height: fit-content;
    width: 80vw;
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 6vh;
    /*margin-bottom: 6vh;*/
    border-radius: 100vmax;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    border: 2px solid var(--soshinBorder);
}

/*ユーザーがCun-PEに送るときのinput type="text"*/
.sendText {
    font-family: var(--fonts);
    height: 1.5rem;
    /*height: 3vh;*/
    width: 35vw;
    /*margin:auto auto auto 10px;*/
    border-radius: 100vmax;
    background-color: var(--send);
    border: 2px solid var(--sendBorder);
    text-indent: 0.2rem;
    margin: 2px 0px 2px 5px;
    padding: 2px 1rem 2px 1rem;
    font-size: 1rem;
    z-index: 10000;
}

.sendText:focus {
    outline: none;
    border: 2px solid var(--sendBorder);
    background-color: var(--sendFocus);
}


/*右クリック時に出すやつ*/
.context-menu {
    display: none;
    position: absolute;
    z-index: 30000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    border-radius: 4px;
}

/*右クリックの子要素*/
.menu-item {
    padding: 8px 20px;
    cursor: pointer;
}

.menu-item:hover {
    background-color: #f0f0f0;
}