.title{align-items:center}textarea{width:60vw;height:400px;display:block}#memo-textarea1{max-height:40vh;padding:5px}#memo-textarea2,#memo-textarea3{max-height:15vh;padding:5px}label{-webkit-user-select:none;user-select:none;text-align:center;font-size:25px}label:hover{cursor:pointer}label input[type=checkbox]{width:25px;height:25px}label input[type=checkbox]:hover{cursor:pointer}label input[type=checkbox]:checked{background-color:#000}#clientname{width:80px}.maintemp{width:calc(70% - 20px)}.sidebar{justify-content:space-around;width:30%}input[type=text]{width:80px;padding:3px;display:flex}input{display:inline-flex}.greeting p,.unclear p{float:left;display:flex}.greeting label,.unclear label{float:right}.greeting,.unclear{align-items:center;margin-top:5px;overflow:auto}.greeting label{text-align:right}#greeting{width:500px;margin:10px 0;padding:5px}.signature{display:flex}#spname{width:450px;display:flex}#answer{width:100%;height:50vh;margin:0 10px 20px 0;padding:5px;display:block}ul{margin:0;padding:0}li{text-decoration:none;display:inline-block}button{background-color:#fff;border:1px solid #000;width:200px;height:40px;margin-top:10px;margin-right:10px}button:hover{cursor:pointer;color:#fff;background-color:#000}.sidecontain{height:calc(88vh - 1px);overflow-y:scroll}.sidebar li{border:1px solid #000;width:100%;margin-bottom:10px;padding:10px}.sidebar li:nth-child(2n){background-color:#f0f0f0}.template{width:100%;padding:10px}.aside-button{width:100%}.reply-button{display:inline-block}.reply-checkbox{margin-top:5px;margin-right:10px;display:inline-block}
.tab{border:1px solid #ccc;justify-content:center;align-items:center;width:100px;height:30px;display:flex}.tab:hover{cursor:pointer;color:#000;background-color:#d3d3d3;transition:background-color .3s}.tab.selected{background:#d3d3d383}.tab-list{margin-left:10px}.tab-contents{border-radius:5px;width:100vw;max-width:calc(100vw - 20px);height:100%;padding:0 10px;box-shadow:0 0 10px #0000001a}.tab-title{background-color:#d3d3d383;border:1px solid #ccc;padding-top:5px;padding-bottom:5px}h2{color:#333;margin:0;padding:5px;font-size:20px}.reply-tab-contents{border:1px solid #ccc;justify-content:space-between;height:88vh;display:flex}.memo-tab-contents{border:1px solid #ccc;flex-direction:column;height:88vh;display:flex}