// input
.#{$namespace} {
  &-input,
  &-textarea,
  &-select {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: $white;
    color: $g-400;
    border-radius: 2px;
  }
  &-input::-webkit-input-placeholder,
  &-textarea::-webkit-input-placeholder,
  &-select::-webkit-input-placeholder {
    line-height: 1.3;
  }

  &-input,
  &-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
    &:hover {
      border-color: $g-300 !important;
    }
    &:focus {
      border-color: $primary !important;
      box-shadow: 0 0px 5px rgba($primary, $alpha: 0.1);
    }
    &[disabled] {
      background-color: $g-100;
    }
  }

  // input
  &-input {
    &-warp {
      position: relative;
      line-height: 38px;
    }
  }

  // 文本域
  &-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
  }
  &-select {
    padding: 0 10px;
  }
}
