/* input text */
.input-text { display: inline-block; width: 100%; position: relative; }
.input-text.block { display: block; margin-top: 5px; }
.input-text input { width: 100%; height: 55px; display: inline-block; background: #fff; padding: 0 13px; border-radius: 5px; transition: background 0.1s ease; font-size: 1.6rem; border: 1px solid var(--line); }
.input-text input:hover,
.input-text input:focus { border-color: #aaa; }
.input-text input:read-only { cursor: default; background: #f2f2f2; }
.input-text input:disabled { background: #f2f2f2; }

/* textarea */
.input-textarea { display: inline-block; width: 100%; position: relative; }
.input-textarea textarea { width: 100%; resize: none; padding: 13px; font-size: 1.6rem; min-height: 130px; border: 1px solid var(--line); border-radius: 5px; position: relative; background: #fff; }
.input-textarea textarea::-webkit-scrollbar { width: 4px; height: 10px; }
.input-textarea textarea::-webkit-scrollbar-track { background-color: transparent; }
.input-textarea textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #dcdcdc; }
.input-textarea textarea:hover,
.input-textarea textarea:focus { border-color: #aaa; }
.input-textarea textarea:read-only { cursor: default; background: #f2f2f2; }
.input-textarea .text-limit { position: absolute; width: calc(100% - 20px); text-align: right; z-index: 2; bottom: 6px; right: 15px; color: #b4b4b4; cursor: default; display: inline-block; background: #fff; }
.input-textarea .text-limit span { font-size: 1rem; }
.input-textarea .text-limit span.count { color: #999; font-weight: 600; }
.input-textarea .text-limit span.excess { color: #e16060; }
.input-textarea .text-limit span.unit { font-size: 11px; margin-left: 2px; }

@media (max-width: 1024px) {
	.input-text { margin: 1px; }
}
@media (max-width: 580px) {
	.input-text input { height: 45px; }
}